Javascript JQuery切换…单击一次打开-双击关闭

Javascript JQuery切换…单击一次打开-双击关闭,javascript,jquery,switch-statement,toggle,Javascript,Jquery,Switch Statement,Toggle,我创建了一个带有切换开关的移动菜单 当我点击div“下拉菜单”时,它会打开。 当我再次单击时,它将关闭。但我希望它能一次点击打开,然后双击关闭 我需要在代码中添加什么 $('.dropdown-menu').click(function() { $('.dropdown-menu').not(this).children('ul').slideUp("slow"); $(this).children('ul').slideToggle("slow");} ); $('.drop

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

当我点击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() {
    }); 
});
试着用

要防止
单击一次后滑动
,请尝试此操作

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