Как сделать автоматическое закрытие спойлера при открытии другого?

Question

[1of1000]

Надо сделать несколько спойлеров-картинок, которые при открытии одного, закрываются другие.

Вот пока, что имеется:

<script language="JavaScript">
        function show_squad (id) {

        if (document.getElementById("span_" + id).style.display == 'none') {
                document.getElementById("span_" + id).style.display = "block";

        }
        else {
                document.getElementById("span_" + id).style.display = "none";
        }

        }
        </script>


<a href="javascript:show_squad('1_1')"><img src="/img/logout.png" border="0" alt="" /></a>
       <span id="span_1_1" style="display:none">
              hidden_TEXT
        </span>
<a href="javascript:show_squad('2_2')"><img src="/img/logout.png" border="0" alt="" /></a>
       <span id="span_2_2" style="display:none">
              hidden_TEXT2
        </span>

Answer 1

[Rad1calDreamer]

самое простое

$('.spoiler').on('click',function(){
$('.spoiler').removeClass('open').stop().hide();
$(this).addClass('open').stop().show();
})