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

Παράδειγμα

Εμφάνιση του κρυμμένου στοιχείου <p> με σλάιντ:

$(".btn2").click(function(){
  $("p").slideDown();
});

Προσπαθήστε να το κάνετε μόνοι σας

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

Η μέθοδος slideDown() χρησιμοποιεί το εφέ σλάιντ για να εμφανίσει τα κρυμμένα στοιχεία που επιλέγονται.

Γλώσσα

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

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

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

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

Με τη ρύθμιση της ταχύτητας, το στοιχείο αλλάζει σταδιακά το ύψος του κατά τη διάρκεια της μετάβασης από κρυμμένο σε ορατό.

callback

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

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

Αν δεν έχει οριστεί το παράμετρο speed, δεν μπορεί να οριστεί αυτό το παράμετρο.

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

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

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

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

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