выпадающее меню jquery убрать назад

528

15 января 2017, 16:58

делаю выпадающее меню по клику на пункт меню #menu-item-87 у подменю меняется display none на block

$('#menu-item-87').click(function(){
    $('.sub-menu').css('display', 'block');
    return false;
});

Подменю появляется, а как его обратно убрать по клику?

Answer 1

Используйте toggle:

$('#menu-item-87').click(function(){
    $('.sub-menu').toggle();
    return false;
});

Answer 2

$('#menu-item-87').click(function(){ 
    $('.sub-menu').toggle('display'); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="menu-item-87">Показать\Скрыть 
<ul class="sub-menu" style="display:none;"> 
  <li>#1</li> 
  <li>#2</li> 
  <li>#3</li> 
</ul> 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Не отображается гамбургер меню на css (checkbox)

Меню постоянно скрыто (transform: translateY(-100%); opasity: 0;), при нажатии должно выезжать сверху (transform: translateY(0%); opasity: 1;)Как его отобразить с помощью комбинаций...

450

c++