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

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

Παράδειγμα

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

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

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

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

Η μέθοδος toggle() αλλάζει την ορατή κατάσταση των στοιχείων.

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

Γλώσσα

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

Προαιρετικό. Ορίζει την ταχύτητα από ορατά σε κρυμμένα ή αντίστροφα των στοιχείων. Προεπιλεγμένη τιμή είναι "0".

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

  • Μilliseconda (π.χ. 1500)
  • "slow"
  • "normal"
  • "fast"

Σε περίπτωση που οριστεί η ταχύτητα, τα στοιχεία θα αλλάζουν σταδιακά την ύψος, την πλάτος, την εξωτερική και την εσωτερική απόσταση και την αδιαφάνεια από ορατά σε κρυμμένα.

Αν οριστεί αυτός ο παράμετρος, δεν μπορεί να χρησιμοποιηθεί ο παράμετρος switch.
callback

Προαιρετικό. Η συνάρτηση που θα εκτελεστεί μετά την ολοκλήρωση της συνάρτησης toggle.

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

Αυτός ο παράμετρος δεν μπορεί να οριστεί εκτός αν οριστεί και ο παράμετρος speed.
switch

Προαιρετικό. Αριθμητικός. Ορίζει αν το toggle θα κρύψει ή θα εμφανίσει όλα τα επιλεγμένα στοιχεία.

  • True - Εμφανίστε όλα τα στοιχεία
  • False - Κρύψτε όλα τα στοιχεία

Αν οριστεί αυτός ο παράμετρος, δεν μπορεί να χρησιμοποιηθούν οι παράμετροι speed και callback.

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

Σημείωση:Αυτό το εφέ είναι κατάλληλο για στοιχεία που κρύβονται με το jQuery ή που έχουν οριστεί display:none στο CSS (δεν ισχύει για visibility:hidden).

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

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

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