При нажатии слайдера div, но не удалять класс css

У меня есть эти 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;}

JЗАПРОС:

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

ПРИМЕР КОДА


javascript jquery slidetoggle siblings removeclass
person dualdesign    schedule 12.02.2014    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Использовать

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

ДЕМО

Здесь $(this).parent().siblings().children() относится к элементу <h2>. Добавьте, что вам нужно удалить класс из этого элемента. В настоящее время вы удаляете класс из div после <h2>, который вы поднимаете.

person Satpal    schedule 12.02.2014
comment
Как раз собирался опубликовать то же самое. Причина, по которой это работает, заключается в том, что вы удаляли класс из div, который вы скользнули вверх... но класс был добавлен в другой div. - person helion3; 12.02.2014