Метод toggle

Методот toggle alterнира нежен приказ/скривање на елементи. Ако елементот е прикажан, тогаш ќе биде скриен и обратно.

Синтакса

Приказ за зададено време во милисекунди, 400ms по default:

.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,
кој alterнира нежен приказ/скривање на елементи
методот show,
кој нежно ги прикажува елементите
методот hide,
кој нежно ги скрива елементите