Javascript Jquery滑动菜单if else条件

我正在尝试使用

JQuery

构建一个向下滑动菜单。我想我应该以这个逻辑为基础，如果菜单激活了类

，

，那么当它被点击时，它应该被关闭。否则它不会打开，所以它应该打开

下面的代码是我试图实现的基本版本，但由于某些原因，它从未进入

子句

。每次我点击该项，就会出现“关闭”的警告框

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

---

有人能看出我哪里出了问题吗？我应该指出，当页面加载时，div没有激活类

检查元素类的语法似乎有问题，应该是这样的：

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

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

这是工作小提琴：

---

我要做的第一件事是查看浏览器控制台是否有任何错误。显然，

$（'openMenu'.hasClass（'activated'）

有语法错误。它没有任何语法错误，我做的第一件事就是检查控制台，解决了我的问题。