JQuery Toggle...一键打开-双击关闭

Question

我创建了一个带有切换开关的移动菜单。

当我单击 div“下拉菜单”时，它会打开。 当我再次单击时，它会关闭。但我希望它一键打开，双击关闭。

我需要在我的代码中添加什么？？

$('.dropdown-menu').click(function() {
    $('.dropdown-menu').not(this).children('ul').slideUp("slow");
    $(this).children('ul').slideToggle("slow");}
);

$('.dropdown-menu').blur(function() {
    $('.dropdown-inside').hide('slow', function() {
    }); 
});

Answer 1

尝试使用dblclick，

$('.dropdown-menu').click(function() {
   $('.dropdown-menu').children('ul').slideUp("slow");// slideUp all drop-downs
   $(this).children('ul').slideDown("slow");// use slideDown instead slideToggle
});

$('.dropdown-menu').dblclick(function() {
   $(this).children('ul').slideUp("slow");
});

为了防止sliding 在clicking once 之后尝试这个，

$('.dropdown-menu').click(function() {
   if( !$(this).children('ul').is(':visible')) {// slide, if ul is not visible
       $('.dropdown-menu').children('ul').slideUp("slow");
       $(this).children('ul').slideDown("slow");
   }
});