[Решено] Как закрыть toggle при открытии другого toggle?)

Мы имеем

Код:

    $(".option_box .option_name").click(function () {
        $(this).siblings(".collapsible").toggle();
        $(this).toggleClass("hided")
    });

С такой разметкой

Код:

    <div class="option_box">
        <div class="option_name"><?php echo $text_filer_special?></div>
        <div class="collapsible">
            <input type="checkbox" class="filtered" name="filer_special" id="filer_special"><label for="filer_special"><?php echo $text_show_filer_special?></label>
        </div>
    </div>
... и их много много

Живая ссылка

Как сделать так что бы при открытии 1-го toggle закрывался другой?
С меня симпатии и печенки)

 

Отлично!!! Спасибо огромное!!! А можно еще сделать так что бы при клике по любому другому элементу или еще где-нибудь toggle'ы закрывались?

 

Сейчас происходит следующее: когда toggle открыт, он не закрывается вторым кликом(
и не закрывается при клике в другое место(

Вставлял это

Код:

$('.option_name').on('click', function (e) {
    e.stopPropagation();
    $('.collapsible').hide();
    $(this).siblings('.collapsible').toggle();
})

$('.option_name').click(function (e) {
    $('.collapsed').hide();
});

 

Напутал с сохранением Спасибо!