jQuery Εφέ - Μέθοδος slideToggle()

Εγχειρίδιο Εφέ jQuery

Παράδειγμα

Με τη χρήση του εφέ κίνησης, εναλλάσσετε την κατάσταση εμφάνισης και κρυψής του στοιχείου <p>:

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

Προσπαθήστε το προσωπικά

Ορισμός και χρήση

Η μέθοδος slideToggle() χρησιμοποιεί το εφέ κίνησης (αλλαγή ύψους) για να εναλλάξει την ορατότητα των στοιχείων.

Αν το επιλεγμένο στοιχείο είναι ορατό, θα κρυφτεί αυτά τα στοιχεία, αν είναι κρυμμένα, θα εμφανιστούν.

Γλώσσα

$().slideToggle(speed,callback)
Παράμετροι Περιγραφή
speed

Επιλογή. Ορίζει την ταχύτητα από κρυμμένο σε εμφανές ή αντίστροφα. Η προεπιλεγμένη τιμή είναι "normal".

Πιθανές τιμές:

  • Χρόνος σε χιλιοστόδευτερόλεπτα (π.χ. 1500)
  • "slow"
  • "normal"
  • "fast"

Με την καθορισμένη ταχύτητα, το στοιχείο αλλάζει σταδιακά το ύψος του κατά τη διάρκεια της μετάβασης (δημιουργώντας έτσι το εφέ κίνησης).
callback

Επιλογή. Συνάρτηση που θα εκτελεστεί μετά την ολοκλήρωση της συνάρτησης toggle.

Για να μάθετε περισσότερα για το callback, επισκεφθείτε το κεφάλαιο jQuery Callback μας.

Δεν μπορεί να οριστεί αυτός ο παραμέτρος αν δεν έχει οριστεί το παραμέτρο speed.

Συμβουλές και σημειώσεις

Συμβουλή:Αν το στοιχείο είναι ήδη κρυμμένο, το εφέ δεν προκαλεί καμία αλλαγή, εκτός αν οριστεί η συνάρτηση callback.

Περισσότερες παραδείξεις

Χρησιμοποιήστε το παραμέτρο speed
Χρησιμοποιήστε το παραμέτρο speed για να εμφανίσετε ή να κρύψετε στοιχεία με την κίνηση από πάνω προς τα κάτω.

Εγχειρίδιο Εφέ jQuery