Как отобразить блок в родительском блоке?

Question

[Валерий]

Как сделать так, чтобы item-more открывал item-toggle только в том блоке item, в котором находится он сам?

<div class="item">
   bla bla
   <div class="item-toggle">hide text</div>
   <div class="item-more"><a href="">Open Hide Text</a></div>
</div>

<div class="item">
   bla bla
   <div class="item-toggle">hide text</div>
   <div class="item-more"><a href="">Open Hide Text</a></div>
</div>

$(document).ready(function() {
    $('.item-more').click(function () {
        $('.item-toggle').slideToggle('slow');
        return false;
    });
});

Answer 1

[IceJOKER]

$(document).ready(function() {
    $('.item-more').click(function () {
        $(this).siblings('.item-toggle').slideToggle('slow');
        return false;
    });
});

Comments

[Валерий]

Тогда ведь получится, что this возвращается к .item-more и пытается найти внутри него .item-toggle,

[Алексей Уколов]

Lacett1: $(this).closest('.item').find('.item-toggle')

[Валерий]

Алексей Уколов: то, что надо. Спасибо!
Напишите, пожалуйста, отдельным комментом - поставлю "Решение".

[IceJOKER]

Lacett1: правильно, я ошибся, почему-то решил что item-toggle лежит внутри item-more . отредактировал код. $.siblings(); возвращает всех соседей

[Валерий]

IceJOKER: Тоже спасибо!)

Answer 2

[Алексей Уколов]

$('.item-more').click(function () {
        $(this).closest('.item').find('.item-toggle').slideToggle('slow');
        return false;
});

или

$('.item').on(
        'click',
        '.item-more',
        function (e) {
                $(e.delegateTarget).find('.item-toggle').slideToggle('slow');
                return false;
        }
);