Как правильно обработать Click?

Question

[Аброр Джейки]

Есть 5 блоков с одинаковыми class с вложенными дивами, есть обработчик click, как сделать так, что бы при нажатии на определенный блок открывался именно этот блок, а при нажатии на другой блок закрывался предыдущий и открывался на которую нажали...

<div class="mini-wrapper" data-mini-wrapper-id="">
        <div class="mini-main" data-mini-main-id="">
            <?php print render($items[0]);?>
        </div>
        <div class="mini-selector" data-mini-selector-top-id="">
            <?php foreach ($items as $delta => $item): ?>
                <div data-mini-selector-id="<?php echo $delta?>">
                    <?php print render($item)?>
                </div>
            <?php  endforeach?>
        </div>
    </div>

Вот этот блок повторяется 5 раз, при нажатии на "mini-wrapper" открывается "mini-selector"

вот js

$("div.mini-wrapper").click(function (e) {

    $(this).find("div.mini-selector").fadeToggle('fast');
    /* тут остальной код */

});

вот пример

Answer 1

[littleguga]

Вот так
Просто сохраняйте предыдущий объект в переменной и сворачивайте его перед открытием нового.

Comments

[Аброр Джейки]

А как сделать, что бы блок закрывался еще и при нажатии на внутренний блок?

[littleguga]

Аброр Джейки: вот так. Но этот код не оптимален. 1 - используйте id вместо классов. Не используйте find, используя id, можете обратиться по ним.

[Аброр Джейки]

littleguga: Спасибо большое, воспользовался атрибутом data, еще последний вопрос, а как можно сделать, что бы закрывался блок по нажатию в любое место экрана.
$("body").click(function(e) {
$(this).find("div.mini-selector").fadeOut( 'fast' );
});
вот так работает не корректно

[littleguga]

Аброр Джейки: могу только так, по другому не приходит в голову.

[Аброр Джейки]

littleguga: Спасибо, помогло. Я так делал, только там места переменных поменял

[Аброр Джейки]

littleguga: Вернулся в предыдущий вариант, из за того что надо было по два раза нажимать, что бы расскрывался новый блок!