toggle методу

toggle методу элементтерди жумшак көрсөтүү/жашырууну алмаштырат. Эгер элемент көрсөтүлүп турса, анда ал жашырылат жана тескерисинче.

Синтаксис

Белгиленген убакытта миллисекунд менен көрсөтүү, демейки 400ms:

.toggle(узактыгы);

Убакытты миллисекунд менен гана эмес, ошондой эле slow (600ms) жана fast (200ms) ачкыч сөздөрү менен белгилөөгө болот, мааниси чоңураак болсо, анимация баягыраак:

.toggle('slow' же 'fast');

display параметри менен маани берүүгө болот true же false. Эгер true болсо, анда элемент көрсөтүлө берет, false - жашырылат:

.toggle(display);

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

.toggle();

Ошондой эле экинчи параметр катары жумшактык функциясын, жана үчүнчү callback-функциясын берүүгө болот - ал анимация аяктагандан кийин иштейт. Эки параметр те милдеттүү эмес:

.toggle(узактыгы, [жумшактык функциясы], [callback-функциясы]);

Жөн гана экинчи милдеттүү эмес параметр катары callback-функциясын берүүгө болот - анимация аяктагандан кийин иштейт:

.toggle(узактыгы, [callback-функциясы]);

Методго ар кандай параметрлерди берүүгө болот, JavaScript объектиси түрүндө, камтыган ачкыч: маани жуптары:

.toggle(options);

Мындай объект төмөнкү параметрлерди жана функцияларды бере алат - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Бул параметрлердин сүрөттөлүшүн сиз animate методу үчүн көрө аласыз. Мисалы, узактыкты жана жумшактык функциясын коёлу:

.toggle( {duration: 800, easing: easeInSine} );

Мисал

Келгиле, баскычты баскандан кийин, жашырылган абзацты toggle методу менен жумшак көрсөтөлү. Берүү менен slow ачкыч сөзүн, биз ылдамдыкты 600ms кылабыз. Кайра басканда - жашыруу:

<button>текстти көрсөт</button>
<p style="display: none">текст</p>

$('button').click(function() {
	$('p').toggle('slow');
});

Ошондой эле караңыз

fadeToggle методу,
ал элементтердин тунуктугун өзгөртөт
slideToggle методу,
ал элементтерди жумшак көрсөтүү/жашырууну алмаштырат
show методу,
ал элементтерди жумшак көрсөтөт
hide методу,
ал элементтерди жумшак жашырат