Метод 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>show text</button>
<p style="display: none">text</p>

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

Погледајте такође

метод fadeToggle,
који мења провидност елемената
метод slideToggle,
који наизменично нежно приказује/скрива елементе
метод show,
који нежно приказује елементе
метод hide,
који нежно скрива елементе