Jquery 向下滑动菜单,如果其他条件

Jquery slide down menu if else condition

本文关键字:如果 其他 条件 菜单 Jquery      更新时间:2023-09-26

我正在尝试使用 JQuery 构建一个向下滑动菜单。我想我会基于这个逻辑,如果菜单有类activated那么当它被单击时应该关闭它。否则它不是打开的,所以它应该是打开的。

下面的代码是我想要实现的基本版本,但由于某种原因,它从未进入clause。每次我单击该项目时,都会出现"关闭"的警报框。

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

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

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

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

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

这是工作小提琴:

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