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