Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Показать/Скрыть DIV (https://javascript.ru/forum/misc/58128-pokazat-skryt-div.html)

Grizly715 06.09.2015 15:14

Показать/Скрыть DIV
 
Добрый день..
Есть следующий скрипт Показать/Скрыть DIV:
function toggle(el) {
                el.style.display = (el.style.display == 'none') ? '' : 'none'
                        }

<a onclick="toggle(hidden_content)">Ссылочка</a><br>
<div id="hidden_content" style="display: none;">Вот он я</div>
<br>
<a onclick="toggle(hidden_content2)">Ссылочка 2</a><br>
<div id="hidden_content2" style="display: none;">Привет мир</div>
<br>
<a onclick="toggle(hidden_content3)">Ссылочка 3</a>
<div id="hidden_content3" style="display: none;">Привет мир 3</div>

Выполняет он свою работу на отлично но вот стоит задача:
Как сделать чтобы при нажатии на Ссылочку 2 скрывались DIV 1 и 3 если они отображены ну и соответственно при нажатии на Ссылочку 3 закрывались 1 и 2 DIV.
Придумал даже алгоритм вот реализовать на языке проблема из за нехватки знаний((
Если hidden_content" style="display: ''; то
hidden_content2" style="display: none;
hidden_content3" style="display: none; и т.д.

caetus 06.09.2015 15:18

Цитата:

Сообщение от Grizly715 (Сообщение 387331)
Придумал даже алгоритм вот реализовать на языке проблема из за нехватки знаний((
Если hidden_content" style="display: ''; то
hidden_content2" style="display: none;
hidden_content3" style="display: none; и т.д.

через цикл for всем ставишь none а через this.style ставишь display !

или поиск по форуму "открывашка"! думаю вариантов 100 найдешь

Grizly715 06.09.2015 15:40

caetus,
Спс за ответ попробую через for..


Часовой пояс GMT +3, время: 03:17.