javascript - 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");
});

为了防止在点击一次后滑动试试这个，

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