jQuery'de slideToggle Metodu
Bir sonraki metod -
slideToggle
şu şekilde çalışır: eğer öğe gizliyse onu gösterir,
görünür durumdaysa gizler. Bu metodun rahatlığı,
önceki derslerde olduğu gibi iki düğme yerine
hepsinin tek bir düğmeye bağlanabilmesidir.
Şu örneği ele alalım. HTML kodumuz şöyle görünsün:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Ayrıca CSS de var:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Şimdi, tek bir düğmeye tıklandığında öğenin gizlenip görünmesini sağlayacak kodu yazalım:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
