0

Есть такая конструкция:

<span onclick="toggle(document.getElementById('hide1'))">Кнопка 1</span>

<div id="hide1">
Блок 1
</div>

и

<span onclick="toggle(document.getElementById('hide2'))">Кнопка 2</span>

<div id="hide2">
Блок 2
</div>

И вот такой JS:

function toggle(it)
{
    it.style.display=(it.style.display=="none")?"block":"none";
}

Планируется очень много таких кнопков. Как можно реализовать возможность, чтобы при каждом новом открытом div старый выключался?

12
  • 1
    храните текущий открытый в отдельной переменной
    – Grundy
    30 мая 2016 в 14:26
  • по моему правильно писать кнопкоф 30 мая 2016 в 14:26
  • Я только изучаю JS. Подскажите, пожалуйста, код. 30 мая 2016 в 14:26
  • bootstrap collapse юзайте 30 мая 2016 в 14:27
  • bootstrap мне не подойдет к сожалению =( 30 мая 2016 в 14:29

1 ответ 1

1

Лучше всего так. Таки надо добавлять, что б предыдущий блок прятался если он не текущий, то будет глюк.

var it_last;
function toggle(it) { 
    if ((it_last)&&(it!=it_last)) {// скрытие предыдущего
        it_last.style.display = "none"; 
    }

    it.style.display= (it.style.display=="none") ? "block" : "none";  

    it_last = it; 
} 

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.