jQuery-ի fadeToggle մեթոդը
fadeToggle
մեթոդը աշխատում է նույն կերպ, ինչ
slideToggle
մեթոդը, այն նույնպես իրականացնում է էֆեկտների հերթափոխ.
երբեմն ցույց է տալիս տարրը, երբեմն էլ թաքցնում է:
Օրինակ, մենք կարող ենք, սեղմելով նույն կոճակի վրա, և ցույց տալ և թաքցնել տարրը: Եկեք իրականացնենք այս մեթոդը հետևյալ HTML կոդի վրա.
<button id="toggle">click me</button>
<div id="elem">text...</div>
Թող CSS-ն այսպիսի տեսք ունենա.
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Գրում ենք հետևյալ Javascript կոդը.
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});