WebDev.wiki > jQuery > jQuery reference > .fadeOut()

.fadeOut()

Definice a použití

Metoda fadeOut() knihovny jQuery skryje jeden nebo více elementů, které odpovídají selektoru. Tuto metodu lze prakticky nahradit metodou hide(), která navíc umí animovat i rozměry elementu.

Pokud nepotřebujeme jednorázově skrýt element, je lepší použít metodu fadeToggle(), která nám zajistí zobrazení / skrytí podle aktuálního stavu daného elementu.

Syntaxe

jQuery.fadeOut(duration,complete)

Parametr	Popis
duration	Rychlost provedení (textově: slow, fast nebo číselně v milisekundách)
complete	Návratová funkce po dokončení

Ukázka:

Skrytí (s efektem) viditelného elementu

Javascript

// skrytí (s efektem) viditelného odstavce
$('button').click(function() {
  $('.paragraph').fadeOut('slow');
});

HTML

<p class="paragraph">Paragraph</p>
<button>Fade out paragraph</button>

Použité tagy: <p>, <button>

Výsledek:

Paragraph

Podpora webových prohlížečů

Firefoxano

Internet Explorerano

Google Chromeano

Safariano

Operaano