Как сделать раскрывающейся список?

$(document).ready(function() { 
  $('#showmenu').click(function() { 
    $('.menu').slideToggle("fast"); 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="showmenu">Список элементов</div> 
<div class="menu" style="display: none;"> 
  <ul> 
    <li>Элемент №1</li> 
    <li>Элемент №2</li> 
    <li>Элемент №3</li> 
  </ul> 
</div>