Jak pokazywać i ukrywać div na stronie?

Funkcja toggle() zmienia atrybut elementu odpowiedzialny za widoczność „display” (nie mylić z „visibility”)
JQuery oferuje również wiele innych funkcji typu slide, show, hide itp które połączone są z efektami.

$(document).ready(
  function()
  {
    $("#link").click(
    function()
    {
      $("#more").toggle();
    }).toggle(function()
    {
      $(this).text('schowaj'); }, function() { $(this).text("więcej");
    });
});

Kod HTML

<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque metus eros, rutrum at, hendrerit nec, posuere ac.<a href="#" id="link">więcej</a></p>

<p id="more" style="display: none;">Vivamus pretium fringilla metus. Praesent a enim eu metus scelerisque tincidunt. In auctor lorem et leo.</p>
</div>

źródło: oszczędzanie pieniędzy, inwestowanie, platforma forex, 6 weidera rezultaty, najlepsze żarty

Powiązane wpisy:

Powiązane słowa kluczowe:

  • jquery ukrywanie div
  • jquery ukrywanie elementu
  • ukrywanie div
  • ukrywanie diva jquery
  • jquery ukrywanie diva
  • ukrywanie diva
  • jak ukryć diva

Comments are closed.