JQuery Toggle ...单击打开 - 双击关闭

Question

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

当我点击div＆＃34;下拉菜单＆＃34;它打开了。 当我再次点击它关闭。但我希望它只需点击一下即可打开，双击即可关闭。

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

$('.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");
   }
});