jQuery-effekt - slideToggle() metod

jQuery 效果参考手册

Exempel

Växla mellan synligt och dolt tillstånd för <p>-element med hjälp av en rullande effekt:

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

Prova själv

Definition och användning

slideToggle() metoden växlar elementets synlighet genom att använda en rullande effekt (höjdändring).

Om det valda elementet är synligt, dölj dessa element, om det valda elementet är dolt, visa dessa element.

Syntax

$().slideToggle(speed,callback)
Parametrar Beskrivning
speed

Valfritt. Ange hastigheten för elementet att bli synligt från dolt till synligt (eller tvärtom). Standard är "normal".

Möjliga värden:

  • Millisekunder (t.ex. 1500)
  • "långsam"
  • "normal"
  • "snabb"

När hastigheten är satt, ändras elementets höjd gradvis under växlingen (då skapas en rullande effekt).
callback

Valfritt. Funktion som ska köras efter att toggle-funktionen har körts.

För att lära dig mer om callback, besök vår kapitel om jQuery Callback.

Du kan inte ställa in denna parametern om speed-parametern inte är satt.

Tips och kommentarer

Tips:Om elementet redan är dolt, kommer effekten inte att förändras, om inte callback-funktionen specificerats.

Mer exempel

Använd speed-parametern
Använd speed-parametern för att växla mellan att visa och dölja element med vertikal rullning.

jQuery 效果参考手册