Как управлять табами через js?

Question

[deniskins23]

Суть вопроса - есть 4 таба, к каждому относится определенный для него список вопросов, как сделать, чтобы при нажатии на определенный таб вылезал именно соответствующий ему список вопросов?В идеале в верстке ничего не изменять. Пример кода тут https://codepen.io/sserversga/pen/OEWNjx

Answer 1

[Ihor Bratukh]

Логика примерно такая:

$(document).ready(function() {
	$('.question__trigger').on('click', function(e) {
		e.preventDefault();
		var tab = $(this).data('tab');
		$('.accordeon__list[data-tab!="'+ tab +'"]').hide();
		$('.general__question_item').removeClass('active');
		$('.accordeon__list[data-tab="'+ tab +'"]').show().parents('.general__question_item').addClass('active');
	});
});

СodePen.io

Comments

[deniskins23]

На codepen все работает, а если вставляю в свой код, то при клике на таб, список вопрос вообще пропадает..и active не добавляется.

[Ihor Bratukh]

Скопируйте js код с codepen, а также добавте data-* атрибуты кнопкам таба и спискам аккордиона. Посмотрите html код codepen повнимательней.

[deniskins23]

Все все, просто чуть внимательности надо было..Сам дошел, что там data нет..Спасибо огроменное! +1 к ауре добра!