Mbinu ya slideToggle katika jQuery
Mbinu inayofuata -
slideToggle
inafanya kazi hivi: ikiwa kipengele kimefichwa - kinaonyesha
hiyo, na ikiwa imeonyeshwa - inaficha. Urahisi
wa mbinu hii ni kwamba yote haya yanaweza kutundikwa
kwenye kitufe kimoja, na si viwili, kama ilivyokuwa
katika masomo yaliyopita.
Wacha tuchunguze mfano ufuatao. Hebu msimbo wetu wa HTML uonekane kama hii:
<button id="toggle">click me</button>
<div id="elem">maandishi...</div>
Pia kuna CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Sasa tuandae msimbo, ili kubonyeza kitufe kimoja kipengele kifichike, kisha kionyeshwe:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
