Die slideToggle-metode in jQuery
Die volgende metode -
slideToggle
werk so: as 'n element versteek is, wys dit
en as dit gewys word, versteek dit. Die gerief
van hierdie metode is dat dit alles op een
knoppie geplaas kan word, en nie op twee nie,
soos in die vorige lesse.
Kom ons kyk na die volgende voorbeeld. Laat ons HTML-kode so lyk:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Daar is ook CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Laat ons nou kode skryf sodat, wanneer op een knoppie gedruk word, die element dan verstek en dan gewys word:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});