При клике на ссылку смена класса соседнего DIV

[arborik]

Разметка
Таких блоков много.
<div class="work-image-wrap">
<div class="work-image">
<img src="images/screens/1.jpg" alt="" class="img-adaptive">
</div>
<div class="expand">
<span><a class="expand-link">развернуть</a></span>
</div>
</div>

Нужно что бы при клике на ссылку "a.expand-link" добавлялся к диву ".work-image" класс "height-auto"

Скрипт

$(document).ready(function(){
(".expand-link").click(function () {
$(".work-image").each(function(){
$(this).addClass("height-auto");
});
});
});

Сейчас класс добавляет, но к каждому DIV на странице, а нужно только к одному выбранному DIV.

Что я не правильно сделал?

[рони]

arborik,
при клике найдите дедушку родителя - а у дедушки найдите соседа сверху

[cha0s]

Скрипт

$(document).ready(function(){
(".expand-link").click(function () {
$(".work-image").each(function(){
$(this).addClass("height-auto");
});
});
});

Сейчас класс добавляет, но к каждому DIV на странице, а нужно только к одному выбранному DIV.

ты используешь .each это значит каждый элемент на странице.

$(document).ready(function(){
(".expand-link").click(function () {
$(this).parent().parent().parent().find(".work-image").addClass("height-auto");
});
});

как-то так наверное, то бишь от нажатого клика мы поднимаемся выше по родителям доходим до верхушки, с нее начинаем искать внутри класс .work-image и добавляем нужный класс.