Μέθοδος show
Η μέθοδος show εμφανίζει ομαλά κρυμμένα
στοιχεία. Τα στοιχεία μπορούν να κρυφτούν χρησιμοποιώντας τη μέθοδο
hide.
Σύνταξη
Εμφάνιση για καθορισμένο χρόνο σε χιλιοστοδευτερόλεπτα,
400ms από προεπιλογή:
.show(διάρκεια);
Ο χρόνος μπορεί να καθοριστεί όχι μόνο σε χιλιοστοδευτερόλεπτα,
αλλά και με τις λέξεις-κλειδιά slow (600ms)
και fast (200ms), όσο μεγαλύτερη είναι η τιμή,
τόσο πιο αργή είναι η κίνηση:
.show('slow' ή 'fast');
Εάν δεν καθοριστούν παράμετροι - δεν θα υπάρξει κίνηση, τα στοιχεία θα εμφανίζονται ακαριαία:
.show();
Μπορείτε επίσης να περάσετε μια συνάρτηση προβολής ως δεύτερη παράμετρο, και μια callback συνάρτηση ως τρίτη - θα ενεργοποιηθεί μετά την ολοκλήρωση της κίνησης. Και οι δύο παράμετροι είναι προαιρετικές:
.show(διάρκεια, [συνάρτηση προβολής], [callback συνάρτηση]);
Μπορείτε να περάσετε διάφορες επιλογές στη μέθοδο, σε μορφή αντικειμένου JavaScript, που περιέχει ζεύγη κλειδί: τιμή:
.show(επιλογές);
Ένα τέτοιο αντικείμενο μπορεί να μεταφέρει τις ακόλουθες
παραμέτρους και συναρτήσεις - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Η περιγραφή
αυτών των παραμέτρων μπορείτε να δείτε για τη μέθοδο
animate. Για παράδειγμα,
ας ορίσουμε τη διάρκεια και τη συνάρτηση προβολής:
.show( {duration: 800, easing: easeInSine} );
Παράδειγμα
Ας εμφανίζουμε ομαλά ένα κρυφό παράγραφο
μετά από πάτημα κουμπιού χρησιμοποιώντας τη μέθοδο show. Περνώντας
τη λέξη-κλειδί slow, θα ορίσουμε την ταχύτητα
σε 600ms. Μετά το τέλος της κίνησης θα εμφανίσουμε στην
κονσόλα 'Η κίνηση ολοκληρώθηκε':
<button>εμφάνιση κειμένου</button>
<p style="display: none">κείμενο</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Η κίνηση ολοκληρώθηκε')
});
});
