jquery点击其他位置 下拉导航隐藏

<script>
        $(function () {
            $(".dropdown").click(function (e) {
                $(".dropdown").removeClass('open');
                $(this).toggleClass('open');
            });
  
          //如果当前点击的不是.dropdown标签，那么去掉.dropdown上的.open class.
            $(document).bind("click", function (e) {
                var target = $(e.target);
                if (target.closest(".dropdown").length == 0) {
                    $(".dropdown").removeClass('open');
                }
            })
        })
    </script>

[转载自https://blog.51cto.com/zhaoyingyatou/1870231]