Question

我正在尝试使用JQuery构建一个下拉菜单。我以为我基于这个逻辑，如果菜单有类activated，那么当它被点击时它应该被关闭。否则它没有打开所以应该打开。

以下代码是我尝试实现的基本版本，但出于某种原因，它永远不会进入clause。每次我点击该项目时，警告框会显示＆＃34;关闭＆＃34;来了。

 $('#openMenu').click(function(){
                        if($('#openMenu'.hasClass('activated'))){
                            alert('close');
                            $(this).removeClass('activated');
                        }else{
                            alert('open');
                            $(this).addClass('activated');
                        }
                    });

谁能看到我可能出错的地方？我应该指出，当页面加载时，div没有应用类activated。

Answer 1

$('#openMenu').toggleClass("activated");

Answer 2

用于检查元素类的语法似乎有问题，它应该如下所示：

if($('#openMenu').hasClass('activated')){

这是工作小提琴：

http://jsfiddle.net/dnsdrzym/2/

如果其他条件，Jquery下滑菜单

2 个答案: