I make a drop-down menu by clicking on the menu item # menu-item-87 at the submenu the display none changes to block

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

A submenu appears, and how to remove it back by a click?

  • 2
    use api.jquery.com/toggle - soledar10
  • one
    $('.sub-menu').slideToggle(); - a pleasant appearance will be - HamSter

2 answers 2

Use toggle:

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

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