slideToggle әдісі

slideToggle әдісі жасырын элементтерді біртіндеп көрсетеді және көрініп тұрғандарды жасырады.

Синтаксис

Берілген уақыт аралығында көрсету/жасыру, әдепкі бойынша 400мс:

javascript.slideToggle(ұзақтығы);

Уақытты тек миллисекундпен емес, сонымен қатар slow (600мс) және fast (200мс) кілт сөздерімен де белгілеуге болады, мән неғұрлым үлкен болса, анимация соғұрлым баяу болады:

javascript.slideToggle('slow' немесе 'fast');

Егер параметрлерді көрсетпесек - анимация болмайды, элементтер лезде көрінеді/жасырылады:

javascript.slideToggle();

Сондай-ақ екінші параметр ретінде тегістік функциясын беруге болады, және үшінші параметр ретінде callback-функциясын - анимация аяқталғаннан кейін іске қосылады. Екі параметр де міндетті емес:

javascript.slideToggle(ұзақтығы, [тегістік функциясы], [callback-функциясы]);

Әдіске әртүрлі опцияларды беруге болады, JavaScript нысаны түрінде, құрамында кілт: мән жұптары бар:

javascript.slideToggle(options);

Мұндай нысан келесі параметрлер мен функцияларды бере алады - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Осы параметрлердің сипаттамасын animate әдісі үшін көре аласыз. Мысалы, ұзақтық пен тегістік функциясын белгілейік:

javascript.slideToggle( {duration: 600, easing: easeInSine} );

Мысал

Түймені басқаннан кейін, абзацтарды қамтитын div атасын slideToggle әдісінің көмегімен біртіндеп жасырайық (бұл div-ті біз parent әдісінің көмегімен табамыз), түймені қайта басқаннан кейін, div қайтадан біртіндеп көрсетіледі және т.б. slow кілт сөзін беру арқылы біз жылдамдықты 600мс етіп белгілейміз:

html<button>toggle text</button>
<div>
  <p id='test'>text text text text text text text</p>
  <p>text text text text text text text</p>
  <p>text text text text text text text</p>
</div>

javascript$('button').click(function() {
  $('#test').parent().slideToggle('slow');
});

Сондай-ақ қараңыз