0

есть див 1

есть див 2

див 1 - display:block

див 2 - display: none

Мне нужно реализовать такую штуку: при щелчке по див1 у див2 display меняется на block. При повторном щелчке, обратно становится none.

Как это реализовать? не важно скриптом или css.

2 ответа 2

2

Если jQuery, то можно так:

$(document).ready(function(){
    $("div#div1").click(function(){
        $("div#div2").toggle(); 
    });
});
<script src="http://code.jquery.com/jquery-2.1.3.js"></script>

<div id="div1" style="display: block;">Первый DIV</div>
<div id="div2" style="display: none;">Второй DIV</div>

2
  • Благодарю, ваше решение сработало и помогло мне организовать выползающее меню на сайте. Теперь стоит такая задача: как сделать так, чтобы на главной странице это меню изначально было показано, а на всех страницах спрятано? 15 мая 2015 в 13:01
  • @ЯковАлександрович, к меню на главной style="display: block"
    – De.Minov
    13 ноя 2018 в 1:52
2

function stateChange() {
  var obj = document.getElementById('2');

  obj.style.display = 
      (obj.style.display == "none" ?
      "block" : "none");
}
<div id=1 onclick="stateChange()">First div</div>
<div id=2 style="display : none">Second div</div>

1
  • VenZell, благодарен 15 мая 2015 в 8:52

Ваш ответ

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

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