Вопрос по "родителям"

[Beriagts]

Есть блок, нужно чтобы при нажатии на 1 скрывалось 3 остальных.

<div class="mainbox">
    <div class="block1"></div>
    <div class="block2"></div>
    <div class="block3"></div>
    <a class="del"></a>
</div>

<script>
     $(document).ready(function(){
        $('.del').click(function(){
           $('.mainbox').parent('.block1,.block2,.block3').animate({"height": "toggle"},'300');
        });    
     });
    </script>

таких блоков 5, у меня или сворачивается все или нечего .

[Beriagts]

Ладно переделал верстку.

<div class="mainbox">
    <div class="wraper"></div>
    <a class="del"></a>
</div>

$('.del').click(function(){
           $(this).parents('wraper').animate({"height": "toggle"},'300');
        });

Где ошибка?

[ваый]

так что должно скрываться-то, какие блоки?

[Serg_pnz]

рабочий код http://javascript.info/play/x84Yp

[Beriagts]

должен скрыться "wraper"

[Beriagts]

рабочий код http://javascript.info/play/x84Yp

при таком раскладе у меня все скрывается.

[Serg_pnz]

должен скрыться "wraper"

тогда так http://javascript.info/play/2yMVMb

[Beriagts]

тогда так http://javascript.info/play/2yMVMb

да вот это оно спасибо.

[ваый]

Тогда уж prev() да и все дела

$('.del').click(function(){
    $(this).prev().animate({"height": "toggle"}, '300');
});

[Beriagts]

$('.del').click(function(){
    $(this).prev().animate({"height": "toggle"}, '300');
});

тогда возникла проблема, я просто <a> взял еще в блок.