Meetod slideToggle jQuery-s
Järgmine meetod -
slideToggle
töötab nii: kui element on peidetud - näitab
seda, ja kui on näidatud - peidab selle. Selle
meetodi mugavus seisneb selles, et selle kõike saab panna
ühele nupule, mitte kahele, nagu see oli
eelmistes õppetükides.
Vaatame järgmist näidet. Oletame, et meie HTML kood näeb välja selline:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Samuti on olemas CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nüüd kirjutame koodi nii, et ühe nupu vajutamisel element peidub ja siis kuvatakse:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
