105 of 119 menu

Metod toggle

Metod toggle elementlərin asuda göstərilməsi/gizlənməsini dəyişir. Əgər element göstərilibsə, o zaman gizlədiləcək, əksinə də olar.

Sintaksis

Milisaniyələrlə müəyyən edilmiş müddət ərzində göstərmə, 400ms standart olaraq:

.toggle(müddət);

Müddəti yalnız milisaniyələrlə deyil, həm də açar sözlərlə slow (600ms) və fast (200ms) təyin etmək olar, dəyər nə qədər böyükdürsə, animasiya bir o qədər ləng olar:

.toggle('slow' və ya 'fast');

display parametri ilə true və ya false dəyərini ötürmək olar. Əgər true olarsa, element yalnız göstəriləcək, false - gizlədiləcək:

.toggle(display);

Əgər parametrlər göstərilməzsə - animasiya olmayacaq, elementlər ani şəkildə göstəriləcək/gizlədiləcək:

.toggle();

Həmçinin ikinci parametr kimi hamarlıq funksiyasını, eləcə də üçüncü callback-funksiyasını ötürmək olar - animasiya bitdikdən sonra işləyəcək. Hər iki parametr isteğe bağlıdır:

.toggle(müddət, [hamarlıq funksiyası], [callback-funksiyası]);

Sadəcə ikinci isteğe bağlı parametr kimi callback-funksiyasını ötürmək olar - animasiya bitdikdən sonra işləyəcək:

.toggle(müddət, [callback-funksiyası]);

Metoda müxtəlif opsiyalar ötürmək olar, JavaScript obyekti şəklində, özündə cütlükləri açar: dəyər saxlayan:

.toggle(options);

Belə bir obyekt aşağıdakı parametrləri və funksiyaları ötürə bilər - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Bu parametrlərin təsvirini siz metodu üçün baxa bilərsiniz animate. Məsələn, müddəti və hamarlıq funksiyasını təyin edək:

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

Nümunə

Gəlin düymə basıldıqdan sonra, gizlədilmiş abzası metod toggle ilə asuda göstərək. Açar sözü slow ötürməklə, sürəti 600ms təyin edəcəyik. Təkrar basıldıqda - gizlədəcək:

<button>mətni göstər</button> <p style="display: none">mətn</p> $('button').click(function() { $('p').toggle('slow'); });

Həmçinin bax

  • metod fadeToggle,
    elementlərin şəffaflığını dəyişir
  • metod slideToggle,
    elementlərin asuda göstərilməsi/gizlənməsini dəyişir
  • metod show,
    elementləri asuda göstərir
  • metod hide,
    elementləri asuda gizlədir
← →
↑
azbydeenesfrkakkptruuz