Toggle hiding and showing based on click

Done for stack overflow question

by Vanessa Diniz

HTML

<nav>
    <button class="menu-dropdown" onclick="navButtonOpen()">mostrar/esconder</button>
    <ul>
      <li><a class="active" href="indexteste.html">HOME</a></li>
      <li class="dropdown"><a href="javascript:void(0)">ESCOLHA O IDIOMA</a>
        <!--<div class="dropdown-content">
          <a href="#"><img src="/Images/aprender-russo.png" alt="aprender russo" title="aprender russo" /></a>
          <a href="#"><img src="/Images/aprender-noruegues.png" alt="aprender russo" title="aprender russo" /></a>
        </div> -->
      </li>
      <li><a href="sobre.html">SOBRE</a></li>
      <li><a href="parceiros.html">PARCEIROS</a></li>
      <li><a href="materialadicional.html">MATERIAL ADICIONAL</a></li>
      <li><a href="privacidade.html">PRIVACIDADE</a></li>
      <li><a href="contato.html">CONTATO</a></li>
    </ul>
</nav>

JavaScript

(function ($) {
      $(document).ready(function() {
      $(".menu-dropdown").click(function () {
         $("ul").slideToggle("slow");
      });
  });
    })(jQuery);