jQuery efekt - metoda slideToggle()

Podręcznik efektów jQuery

Przykład

Przełączaj między stanem widoczności a ukrytym dla elementów <p> za pomocą efektu przesuwania:

$(".btn1").click(function(){
  $("p").slideToggle();
});

Spróbuj sam

Definicja i użycie

Metoda slideToggle() przełącza widoczność elementów za pomocą efektu przesuwania (zmiana wysokości).

Jeśli wybrany element jest widoczny, ukrywa te elementy, jeśli wybrany element jest ukryty, pokazuje te elementy.

Gramatyka

$().slideToggle(speed,callback)
Parametry Opis
speed

Opcjonalnie. Określa prędkość, z którą element jest ukrywany lub pokazywany (lub odwrotnie). Domyślnie "normalnie".

Możliwe wartości:

  • milisekundy (np. 1500)
  • "wolno"
  • "normalnie"
  • "szybko"

W przypadku ustawienia prędkości, elementy zmieniają stopniowo swoją wysokość w trakcie przełączania (co tworzy efekt przesuwania).
callback

Opcjonalnie. Funkcja do wykonania po zakończeniu działania funkcji toggle.

Aby dowiedzieć się więcej o callback, odwiedź rozdział jQuery Callback.

Nie można ustawić tego parametru, chyba że ustawiono parametr speed.

Wskazówki i komentarze

Wskazówka:Jeśli element jest już ukryty, efekt nie wywołuje żadnych zmian, chyba że określono funkcję callback.

Więcej przykładów

Użyj parametru speed
Użyj parametru speed, aby przełączać pionowe przeglądanie elementów.

Podręcznik efektów jQuery