Metoda slideToggle în jQuery
Următoarea metodă -
slideToggle
funcționează astfel: dacă elementul este ascuns - îl afișează,
iar dacă este afișat - îl ascunde. Comoditatea
acestei metode constă în faptul că toate acestea pot fi atribuite
unui singur buton, și nu la două, așa cum a fost în
lecțiile anterioare.
Să luăm în considerare următorul exemplu. Să presupunem că codul nostru HTML arată astfel:
<button id="toggle">click me</button>
<div id="elem">text...</div>
De asemenea, există CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Acum să scriem codul, astfel încât la apăsarea unui singur buton elementul să se ascundă și să se afișeze alternativ:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
