Μέθοδος hide

Η μέθοδος hide κρύβει ομαλά τα στοιχεία. Για να εμφανίσετε τα στοιχεία μπορείτε να χρησιμοποιήσετε τη μέθοδο show.

Σύνταξη

Εξαφάνιση σε καθορισμένο χρόνο, 400ms από προεπιλογή:

javascript.hide(διάρκεια);

Ο χρόνος μπορεί να οριστεί όχι μόνο σε χιλιοστά του δευτερολέπτου, αλλά και με τις λέξεις-κλειδιά slow (600ms) και fast (200ms), όσο μεγαλύτερη είναι η τιμή, τόσο πιο αργή είναι η κίνηση:

javascript.hide('slow' ή 'fast');

Εάν δεν καθορίσετε παραμέτρους - δεν θα υπάρξει κίνηση, τα στοιχεία θα κρύβονται αμέσως:

javascript.hide();

Μπορείτε επίσης ως δεύτερη παράμετρο να περάσετε μια συνάρτηση ομαλότητας, και ως τρίτη μια συνάρτηση callback - που θα εκτελεστεί μετά την ολοκλήρωση της κίνησης. Και οι δύο παράμετροι είναι προαιρετικές:

javascript.hide(διάρκεια, [συνάρτηση ομαλότητας], [συνάρτηση callback]);

Μπορείτε να περάσετε στη μέθοδο διάφορες επιλογές, σε μορφή αντικειμένου JavaScript, που περιέχει ζεύγη κλειδί: τιμή:

javascript.hide(επιλογές);

Ένα τέτοιο αντικείμενο μπορεί να μεταφέρει τις ακόλουθες παραμέτρους και συναρτήσεις - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Η περιγραφή αυτών των παραμέτρων μπορείτε να τη δείτε για τη μέθοδο animate. Για παράδειγμα, ας ορίσουμε τη διάρκεια και τη συνάρτηση ομαλότητας:

javascript.hide( {duration: 800, easing: easeInSine} );

Παράδειγμα

Ας κρύψουμε ομαλά την παράγραφο μετά από πάτημα του κουμπιού #test, χρησιμοποιώντας τη μέθοδο hide. Περνώντας τη λέξη-κλειδί slow, θα ορίσουμε την ταχύτητα στα 600ms. Μετά το τέλος της κίνησης θα εμφανίσουμε στην κονσόλα 'Animation complete':

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Δείτε επίσης