jQuery-ի fadeToggle մեթոդը

fadeToggle մեթոդը աշխատում է նույն կերպ, ինչ 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 կոդը.

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