<div class="open">
CLICK TO OPEN
</div>
<div class="menu">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
</div>
.open{border:1px solid black; width:120px;padding:10px;}
.active{display:block!important;}
.menu {display:none;border:1px solid black; width:120px;padding:10px;margin-top:10px;}
$('.open').click(function() {
   $('.menu').toggleClass("active");
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js