Metoden slideToggle i jQuery
Nästa metod -
slideToggle
fungerar så här: om elementet är dolt - visar
det, och om det är synligt - döljer det. Bekvämligheten
med denna metod är att allt detta kan kopplas
till en knapp, och inte två, som det var i
de föregående lektionerna.
Låt oss titta på följande exempel. Låt vår HTML-kod se ut så här:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Det finns också CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Låt oss nu skriva koden så att elementet vid ett klick på en knapp antingen döljs eller visas:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
