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:

html<button id="toggle">click me</button>
<div id="elem">maandishi...</div>

Pia kuna CSS:

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:

javascript$('#toggle').click(function() {
  $('#elem').slideToggle(1000);
});