Question

我有这些div与slideToggle，我需要在点击它们时从+更改为 - 但是我没有得到均匀的...

我希望当我点击附带的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

Answer 1

使用

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

DEMO

此处，$(this).parent().siblings().children()指的是<h2>元素。添加您需要从此元素中删除类。目前，您要在div之后从<h2>移除课程。

单击slidetoggle div但不删除css类

1 个答案: