我有这些带有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;
});
最佳答案
使用
$(this).parent().siblings().children().removeClass('minus').next().slideUp();
在这里,$(this).parent().siblings().children()
指<h2>
元素。添加您需要从此元素中删除类。目前您正在从 div
中删除类(class)关注<h2>
你向上滑动。
关于javascript - 单击 Slidetoggle div 但不删除 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21737333/