Question

我尝试创建类似手风琴的菜单时遇到问题。

事情就是一切都很好。第一个“气球”打开并滑动，正确的类被添加到活动气球，但问题是当您单击已添加“活动”类的气球上的图像持有者时。 JQuery似乎添加了这种风格：

display: block; overflow: hidden;

它弄乱了我的CSS。

所以我的问题是如何检查用户是否已经点击了“活动气球”，如果是这种情况，请不要（或将其滑回以使其关闭）或如何删除该附加样式添加 - 为什么首先添加它？

Answer 1

你可以检查是否存在类

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

hasClass

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参考

jquery检查是否分配了类

2 个答案: