javascript - 单击 Slidetoggle div 但不删除 css 类

标签 javascript jquery slidetoggle removeclass siblings

我有这些带有slideToggle的div,当它们被点击时我需要从+更改为-,但我没有得到均匀的..

我希望当我点击随附的 div 时,她删除了减号类,但不能以任何方式

HTML:

<div class="equipamentos-div">
<h2 class="equipamentos-title">Luzes</h2>
<div><p>4 Fla shes Style 600 RX (Elinchrom)</p></div>
</div>

<div class="equipamentos-div">
<h2 class="equipamentos-title">Difusores</h2>
<div><p>2 Hazy Light/ Rotalux Softbox 35x90 cm (Elinchrom)</p></div>
</div>

CSS:

#content .content-equipamentos h2{color:#808080;font-size: 18px;text-transform: none;cursor: pointer;margin: 0;}
#content .content-equipamentos h2:hover{color: #000;}
#content .content-equipamentos h2:after{content:' +';}
#content .content-equipamentos h2.minus{color:#000;}
#content .content-equipamentos h2.minus:after{content:' -';}
#content .content-equipamentos div div{display: none;}
#content .content-equipamentos p{margin-bottom: 10px !important;}

JQUERY:

$('.equipamentos-title').click(function () {
  $(this).next('div').slideToggle();
  $(this).parent().siblings().children().next().slideUp().removeClass('minus');
  $(this).toggleClass('minus'); 
  return false;
});

EXAMPLE CODE

最佳答案

使用

  $(this).parent().siblings().children().removeClass('minus').next().slideUp();

DEMO

在这里,$(this).parent().siblings().children()<h2>元素。添加您需要从此元素中删除类。目前您正在从 div 中删除类(class)关注<h2>你向上滑动。

关于javascript - 单击 Slidetoggle div 但不删除 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21737333/

相关文章:

JavaScript,循环所有选择?

javascript - 从 mongoDB 获取字段值并分配给 var 给出 undefined

javascript - 将 slideToggle 框对齐到父 div 的底部

javascript - 为什么之后调用 JQuery slideToggle() 函数 tbody 显示 :block setted and its width appear compressed?

jQuery SlideToggle,向上滑动其他元素

javascript - React Hot Module Reloader 阻止摩卡测试运行

javascript - 我如何大写日期格式的一部分 - angularjs

javascript - 获取一行中当前选择元素之后的所有选择

javascript - jquery 切换在 if-else 语句中不起作用

javascript - jquery 中的 "Uncaught SyntaxError: Unexpected identifier"错误