Получих следния Html:
<ul class="specs">
<li>
<div class="trigger">› City (2)</div>
<div class="cityByLocation">
<ul>
<li class="cityInfo">
<div class="cityName" style="float: left;">
› New York
</div>
<div class="cityDistance" style="float: left;">
430 miles
</div>
<div class="btn-take"></div>
</li>
<li class="cityInfo">
<div class="cityName" style="float: left;">
› Chicago
</div>
<div class="cityDistance" style="float: left;">
430 miles
</div>
<div class="btn-take"></div>
</li>
</ul>
</div>
</li>
<ul>
Когато щракна върху „Град (2)“, се появяват и двата div под. Бих искал обаче да добавя клас към тях.
Това е моят js в момента:
$('.trigger').click(function ()
{
$(this).siblings('div').eq($(this).index()).toggle();
$(this).eq($(this).index()).toggleClass("locationSelected");
return false;
});
Това добавя син фон зад името "Град (2)", но не и основните divs, което искам.
Това е div с клас "cityByLocation", към който бих искал да добавя класа locationSelected.
Редактиране:
В крайна сметка използвах
$('.trigger').click(function () { $(this).siblings('div').eq($(this).index()).toggle(); $(this).toggleClass(" locationSelected"); $(this).siblings('div').eq($(this).index()).toggleClass("locationSelected");
return false; });