1

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

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

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

2
  • 2
    использовать api.jquery.com/toggle
    – soledar10
    13 янв 2017 в 9:25
  • 1
    $('.sub-menu').slideToggle(); - приятней появление будет
    – SVE
    13 янв 2017 в 9:28

2 ответа 2

3

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

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

$('#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>

Ваш ответ

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

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