jquery检查是否分配了类

Question

我有一个问题，我试图创造一个手风琴类菜单。

事情是一切都很好。首先打开“气球”并滑动，将正确的类添加到活动气球中，但问题是当您单击气球上已经添加了“活动”类的图像保持器时。JQuery似乎添加了这种样式：

display: block; overflow: hidden;

把我的CSS搞砸了。

因此，我的问题是如何检查用户是否已经单击了“活动气球”，如果是这样的话，什么也不做(或者滑回它以使其关闭)，或者如何删除添加的附加样式--为什么首先要添加它呢？

Answer 1

您可以检查类的存在性

if($("element").hasClass("class"))

Answer 2

jQuery滑动动画在显示内容时添加这些样式。

您可以使用hasClass来检查元素上是否存在active类。

if(!$(element).hasClass('active')){
    //Do something
}

如果您想切换滑动行为，可以使用slideToggle方法。

$(element).slideToggle(500, function(){
   var $this = $(this);
   if($this.is(':visible')){
       $this.addClass('active');
   }
   else{
       $this.removeClass('active');
   }
});

slideToggle方法接受第二个参数作为回调，该回调在动画结束时执行。您可以使用它并有条件地添加/删除所需的类。

请注意，我使用is()方法来检查元素是否可见或不使用伪选择器:visible。

有关更多信息，请查看下列方法的API引用

• hasClass()
• slideToggle()
• is()