@fenya-fl

Как найти нужный порядковый блок с помощью jQuery?

Использую Bootstrap v3. Структура примерно такая:
<div class="row">
	<div class="col-md-4">
		<div class="title">1 Заголовок</div>
		<div class="description">2 Lorem ipsum dolor sit amet.</div>
	</div>
</div>
<div class="row">
	<div class="col-md-4">
		<div class="title">2 Заголовок</div>
		<div class="description">2 Lorem ipsum dolor sit amet.</div>
	</div>
</div>
...


Надо при клике на соответствующий "title", чтобы присваивался ему класс "active", а у других он удалялся. +Надо еще чтобы появлялся "description" у соответствующего "title".

Выглядеть это будет вот так:
5b878a2ff1a42910125587.png

Пытался так, но у меня неправильно:
$(".tab_item-information").not(":first").hide();
	$(".wrapper-information .tab-information .title").click(function() {
		var col = $(".wrapper-information .tab-information .title").eq($(this).parent().parent().index());
		$(".wrapper-information .tab-information .title").removeClass("active").find($(this)).addClass("active");
		$(".tab_item-information").hide().eq($(this).parent().parent().index()).fadeIn()
	}).eq(0).addClass("active");
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
Stalker_RED
@Stalker_RED
При клике по title родительскому блоку переключаем .active а всем соседям убираем.
И ВСЕ. Не нужны никакие номера и "порядковые блоки".
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы