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

.fadeIn()

Definice a použití

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

Syntaxe

jQuery.fadeIn(duration,complete)

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

Ukázka:

Zobrazení (s efektem) skrytého elementu

CSS

.paragraph {
  display: none;
}

Použité vlastnosti: display

Javascript

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

HTML

<p class="paragraph">Hidden paragraph</p>
<button>Fade in hidden paragraph</button>

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

Výsledek:

Hidden paragraph

Podpora webových prohlížečů

Firefoxano

Internet Explorerano

Google Chromeano

Safariano

Operaano