Question

我有一个简单的下拉菜单，但我遇到了JS问题。

每次点击＆＃34; li＆＃34;下拉菜单（位于＆＃34; li＆＃34;内）显示哪个很棒，但问题是当我想要下拉消失时我点击＆＃34; li＆＃34;再次但是＆＃34; .slideToggle（）＆＃34;似乎没有把它关掉。

但是，如果我双击＆＃34; li＆＃34;真的很快它按照预期摆脱了下拉，但显然这是非常糟糕的用户体验。

请有人查看我的代码吗？

  $('.dropdown-li').click(function(){

     $('.navigation-dropdown').removeClass('enabled');

    $(this).toggleClass('enabled');

    $('.dropdown-li').addClass('enabled');

    if ($(this).hasClass('enabled')) {
        $('.navigation-dropdown').stop().hide();
        $('.navigation-dropdown', this).slideToggle();
    } else{
        $('.navigation-dropdown', this).slideToggle();   
    }   

    return false;  

});

谢谢，

约旦

Answer 1

这与您目前正在使用的jQuery完全不同，但它在之前的项目中对我有用：

$(document).ready(function(){
$(".showhide").click(function(e){
    e.preventDefault();

    $(this).find('ul').slideToggle(1);
    $(this).toggleClass("active");
    return false;
});
});

这是一个JSFiddle示例。我希望这就是你要找的！ http://jsfiddle.net/4zdjn262/

我的下拉列表无效 - 遇到JS问题

1 个答案: