Metodas slideToggle jQuery
Kitas metodas -
slideToggle
veikia taip: jei elementas yra paslėptas - jį rodo,
o jei rodomas - paslepia. Patogumas
šio metodo yra tas, kad visa tai galima pakabinti
ant vieno mygtuko, o ne ant dviejų, kaip buvo
ankstesnėse pamokose.
Panagrinėkime tokį pavyzdį. Tarkime, mūsų HTML kodas atrodo taip:
<button id="toggle">spausk mane</button>
<div id="elem">tekstas...</div>
Taip pat yra CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Dabar parašykime kodą, kad paspaudus vieną mygtuką elementas tada pasislėptų, tada būtų rodomas:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
