slideToggle մեթոդը jQuery-ում

Հաջորդ մեթոդը՝ slideToggle աշխատում է այսպես. եթե տարրը թաքնված է՝ ցույց է տալիս այն, իսկ եթե ցուցադրված է՝ թաքցնում է: Այս մեթոդի հարմարավետությունը նրանում է, որ այս ամենը կարելի է կախել մեկ կոճակի վրա, և ոչ թե երկուսի, ինչպես դա էր նախորդ դասերում:

Դիտարկենք հետևյալ օրինակը: Թող մեր HTML կոդը այսպիսի տեսք ունենա.

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

Կա նաև CSS.

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Այժմ գրենք կոդ, որպեսզի մեկ կոճակի սեղմումով տարրը երբեմն թաքնվի, երբեմն էլ ցուցադրվի.

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