jQuery efekt - metoda toggle()

Przeglądarka efektów jQuery

Przykład

Przełącz stan wyświetlania i ukrywania elementu <p>:

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

Spróbuj sam

Definicja i użycie

Metoda toggle() przełącza stan widoczności elementów.

Jeśli wybrany element jest widoczny, ukryj te elementy, jeśli wybrany element jest ukryty, to wyświetl te elementy.

Gramatyka

$(selector).toggle(speed,callback,switch)
Parametry Opis
speed

Opcjonalnie. Określa prędkość, z którą elementy przechodzą od widocznego do ukrytego (lub odwrotnie). Domyślnie wynosi "0".

Możliwe wartości:

  • milisekundy (np. 1500)
  • "slow"
  • "normal"
  • "fast"

Podczas ustawiania prędkości, elementy stopniowo zmieniają swoją wysokość, szerokość, marginesy zewnętrzne, marginesy wewnętrzne i przezroczystość w procesie od widocznego do ukrytego.

Jeśli ustawiony ten parametr, nie można używać parametru switch.
callback

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

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

Ten parametr nie może być ustawiony, chyba że ustawiony jest parametr speed.
switch

Opcjonalnie. Wartość logiczna. Określa, czy toggle ma ukrywać lub wyświetlać wszystkie wybrane elementy.

  • True - Wyświetl wszystkie elementy
  • False - Ukryj wszystkie elementy

Jeśli ustawiony ten parametr, nie można używać parametrów speed i callback.

Wskazówki i uwagi

Uwaga:Ten efekt jest stosowany dla elementów ukrytych za pomocą jQuery, lub elementów z deklaracją display:none w CSS (ale nie dotyczy elementów z visibility:hidden).

Więcej przykładów

Użyj parametru speed
Użyj parametru speed, aby ukryć i wyświetlić elementy.
Użyj parametru switch
Wyświetl wszystkie ukryte akapity za pomocą parametru switch.

Przeglądarka efektów jQuery