Skip to main content
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link

Galera tenho o seguinte HTML

<nav class="nav nav-default">
  <div class="container">
    <a href="#" class="nav-brand">Brand</a>

    <button type="button" class="nav-button">
      <span class="fa fa-navicon"></span>
    </button>

    <ul class="nav-links" id="nav-links">
      <li><a href="#">Links1</a></li>
      <li><a href="#">Links2</a></li>
      <li><a href="#">Links3</a></li>
      <li><a href="#">Links4</a></li>
      <li><a href="#">Links5</a></li>
    </ul>
  </div>
</nav>

E o seguinte javascript:

$(".nav-button").click(function() {
    $("#nav-links").css("display","block");
});

O que acontece: Clico ele mostra os links mas quando clico novamente quero que esconda de novo, já testei:

Mostrar e esconder uma div clicando no mesmo linkMostrar e esconder uma div clicando no mesmo link

Como esconder/mostrar uma div em HTML?Como esconder/mostrar uma div em HTML?

Só que não consigo o resultado esperado. Aguardo respostas..

Galera tenho o seguinte HTML

<nav class="nav nav-default">
  <div class="container">
    <a href="#" class="nav-brand">Brand</a>

    <button type="button" class="nav-button">
      <span class="fa fa-navicon"></span>
    </button>

    <ul class="nav-links" id="nav-links">
      <li><a href="#">Links1</a></li>
      <li><a href="#">Links2</a></li>
      <li><a href="#">Links3</a></li>
      <li><a href="#">Links4</a></li>
      <li><a href="#">Links5</a></li>
    </ul>
  </div>
</nav>

E o seguinte javascript:

$(".nav-button").click(function() {
    $("#nav-links").css("display","block");
});

O que acontece: Clico ele mostra os links mas quando clico novamente quero que esconda de novo, já testei:

Mostrar e esconder uma div clicando no mesmo link

Como esconder/mostrar uma div em HTML?

Só que não consigo o resultado esperado. Aguardo respostas..

Galera tenho o seguinte HTML

<nav class="nav nav-default">
  <div class="container">
    <a href="#" class="nav-brand">Brand</a>

    <button type="button" class="nav-button">
      <span class="fa fa-navicon"></span>
    </button>

    <ul class="nav-links" id="nav-links">
      <li><a href="#">Links1</a></li>
      <li><a href="#">Links2</a></li>
      <li><a href="#">Links3</a></li>
      <li><a href="#">Links4</a></li>
      <li><a href="#">Links5</a></li>
    </ul>
  </div>
</nav>

E o seguinte javascript:

$(".nav-button").click(function() {
    $("#nav-links").css("display","block");
});

O que acontece: Clico ele mostra os links mas quando clico novamente quero que esconda de novo, já testei:

Mostrar e esconder uma div clicando no mesmo link

Como esconder/mostrar uma div em HTML?

Só que não consigo o resultado esperado. Aguardo respostas..

Fonte Link

Clicar e mostrar div, clicar novamente e esconder

Galera tenho o seguinte HTML

<nav class="nav nav-default">
  <div class="container">
    <a href="#" class="nav-brand">Brand</a>

    <button type="button" class="nav-button">
      <span class="fa fa-navicon"></span>
    </button>

    <ul class="nav-links" id="nav-links">
      <li><a href="#">Links1</a></li>
      <li><a href="#">Links2</a></li>
      <li><a href="#">Links3</a></li>
      <li><a href="#">Links4</a></li>
      <li><a href="#">Links5</a></li>
    </ul>
  </div>
</nav>

E o seguinte javascript:

$(".nav-button").click(function() {
    $("#nav-links").css("display","block");
});

O que acontece: Clico ele mostra os links mas quando clico novamente quero que esconda de novo, já testei:

Mostrar e esconder uma div clicando no mesmo link

Como esconder/mostrar uma div em HTML?

Só que não consigo o resultado esperado. Aguardo respostas..