slideToggle metode jQuery
Nākamā metode -
slideToggle
strādā šādi: ja elements ir paslēpts - to parāda,
bet ja ir parādīts - to slēpj. Šīs metodes
ērtība ir tāda, ka to visu var pakārt
uz vienas pogas, nevis uz divām, kā tas bija
iepriekšējās nodarbībās.
Apskatīsim šādu piemēru. Pieņemsim, ka mūsu HTML kods izskatās šādi:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Ir arī CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Tagad uzrakstīsim kodu, lai, nospiežot vienu pogu, elements tad tiktu paslēpts, tad parādīts:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
