Использую 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".
Выглядеть это будет вот так:
Пытался так, но у меня неправильно:
$(".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");