单击div之外的任何内容时如何向上滑动？

Question

我用jquery mobile制作了一个切换幻灯片菜单 点击div的任何地方时如何滑回来？

这是我的jquery脚本

<script>  
        $(document).ready(function () {
            $('.gnbLayer').hide();
            $(".icGnb5").click(function () {
                $(this).toggleClass("on");
                 $('.gnbLayer').slideToggle('medium');

            }); 
        }); 
        </script>

Answer 1

您可以使用：

$(document).click(function(){
 $('.gnbLayer').slideUp();
});

还将click事件修改为stoppropogation：

$(".icGnb5").click(function (e) {
             $(this).toggleClass("on");
             $('.gnbLayer').slideToggle('medium');
             e.stopPropagation();

        }); 

Answer 2

你可以使用它，

  $(document).click(function(){
      $(".icGnb5").toggleClass("off");
      $('.gnbLayer').slideUp();
  });