Metóda slideToggle v jQuery
Ďalšia metóda -
slideToggle
funguje takto: ak je prvok skrytý - zobrazí
ho, a ak je zobrazený - skryje ho. Výhoda
tejto metódy spočíva v tom, že toto všetko možno pripojiť
na jedno tlačidlo, a nie na dve, ako to bolo v
predchádzajúcich lekciách.
Pozrime sa na nasledujúci príklad. Nech náš HTML kód vyzerá takto:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Tiež existuje CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Teraz napíšme kód, aby sa po kliknutí na jedno tlačidlo prvok buď skryl, alebo zobrazil:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
