Имеется блок div с кучей скрытых div-ов внутри. Выглядит это примерно так:
По клику на определенную кнопку отображается определенный div. Например нужно по клику открыть div2. Делаю так:
И далее по кликам на другие кнопки нужно открывать другие div блоки. Но проблема в том, что нужно скрыть текущий открытый блок, и никогда не знаешь какой именно блок в данный момент отображается и отображается ли какой-нибудь вообще.
Добавлено через 11 минут
Стоило создать тему и тут же решил проблему сам.
Всем дочерним div-ам присвоил один класс:
И при отображении нужного элемента предварительно скрываю все блоки с созданным классом:
Код:
<div id="container">
<div id="div1" style="display:none;"></div>
<div id="div2" style="display:none;"></div>
<div id="div3" style="display:none;"></div>
<div id="div4" style="display:none;"></div>
<div id="div5" style="display:none;"></div>
...
</div>Код:
$('#div2').css('display','block');Добавлено через 11 минут
Стоило создать тему и тут же решил проблему сам.
Всем дочерним div-ам присвоил один класс:
Код:
<div id="container">
<div id="div1" class="class1" style="display:none;"></div>
<div id="div2" class="class1" style="display:none;"></div>
<div id="div3" class="class1" style="display:none;"></div>
<div id="div4" class="class1" style="display:none;"></div>
<div id="div5" class="class1" style="display:none;"></div>
...
</div>Код:
$('div.class1').css('display','none');