Выборка внутри блока на jQuery скрипта по добавлению класса?

Question

[nagge101]

Здравствуйте.
Пишу уже подобное сегодня, но уже совсем с другой проблемой.
У меня есть на сайте элементы, вот структура:

<div class="shop-ellement-sidebar">
    <span class="element-sidebar_name">Название</span>
    <div class="element-sidebar_content"></div>
</div>

По началу element-sidebar_content спрятан, но при нажатии на сам блок shop-ellement-sidebar идет анимацией появление element-sidebar_content

Код jQuery:

$('.shop-ellement-sidebar').on('click', function() {
	if($('.element-sidebar_content').hasClass('active')) {
		$(this).children('.element-sidebar_content').removeClass('active');
		$(this).children('.element-sidebar_name').removeClass('arr-active');
	}else {
		$(this).children('.element-sidebar_content').addClass('active');
		$(this).children('.element-sidebar_name').addClass('arr-active');
	}
});

arr-active - это свойство для стрелочки(:after)...
Все работает, анимация есть, но, когда я нажимаю на элемент element-sidebar_content(пункт меню или еще что-то), то блок сворачивается. Соответсвенно срабатывает функция romoveClass

Как этого избежать?

Answer 1

[0xD34F]

Проверяйте, где был клик:

$('.shop-ellement-sidebar').on('click', function(e) {
  if ($(e.target).closest('.element-sidebar_content').length) {
    return;
  }
  // дальше проверка наличия класса active и т.д. - без изменений

Или останавливайте всплытие события при клике на .element-sidebar_content:

$('.element-sidebar_content').click(function(e) {
  e.stopPropagation();
});

Comments

[nagge101]

Так. Хорошо. В принципе понятно. Но, при таком раскладе если открыта один блок, то остальные не реагируют на добавление класса

[0xD34F]

nagge101,
замените

if($('.element-sidebar_content').hasClass('active')) {

на

if($(this).find('.element-sidebar_content').hasClass('active')) {

[nagge101]

0xD34F, супер! Спасибо огромное!!!!

Answer 2

[Andrew]

А как вы думаете оно должно работать? Структуру чуть поменяйте. Сделайте иконку(стрелочку) по клику на которую оно будет появляться и исчезать.

Comments

[nagge101]

надо именно при клике на блок