slideToggle методу
slideToggle методу жашырылган элементтерди жумшак көрсөтөт
жана көрсөтүлгөндөрдү жашырат.
Синтаксис
Белгиленген убакыт аралыгында көрсөтүү/жашыруу,
демейки абалда 400ms:
.slideToggle(узактыгы);
Убакытты миллисекунд менен гана эмес,
slow (600ms)
жана fast (200ms) ачкыч сөздөрү менен да белгилөөгө болот, мааниси чоң болгон сайын,
анимация жайыраак болот:
.slideToggle('slow' же 'fast');
Эгер параметрлерди көрсөтпөсөңүз - анимация болбойт, элементтер кезектешип көрсөтүлөт/жашырылат:
.slideToggle();
Ошондой эле экинчи параметр катары жумшактык функциясын бере аласыз, жана үчүнчүсү катары callback-функциясын - анимация аткарылгандан кийин ишке ашат. Эки параметр те милдеттүү эмес:
.slideToggle(узактыгы, [жумшактык функциясы], [callback-функциясы]);
Методко ар кандай параметрлерди бере аласыз, JavaScript объектиси түрүндө, камтыган ачкыч: маани жуптары:
.slideToggle(options);
Мындай объект төмөнкү параметрлерди жана функцияларды бере алат - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Бул
параметрлердин сүрөттөмөсүн сиз
animate методу үчүн көрө аласыз. Мисалы,
узактыкты жана жумшактык функциясын коёлу:
.slideToggle( {duration: 600, easing: easeInSine} );
Мисал
Келгиле, баскычты баскандан кийин, жумшак түрдө жашыралы
ата-эне div, ал абзацтарды камтыйт,
slideToggle методунун жардамы менен (бул div
биз табабыз
parent методу менен),
баскычты кайра басканда, div
кайрадан жумшак көрсөтүлөт жана башка. slow ачкыч сөзүн берүү менен
биз ылдамдыкты 600ms деп белгилейбиз:
<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>
$('button').click(function() {
$('#test').parent().slideToggle('slow');
});
