Μέθοδος slideUp

Η μέθοδος slideUp κρύβει ομαλά τα στοιχεία, τυλίγοντάς τα από κάτω προς τα πάνω. Να εμφανίσετε τα στοιχεία μπορείτε με τη βοήθεια της μεθόδου slideDown.

Σύνταξη

Απόκρυψη σε καθορισμένο χρόνο, 400ms από προεπιλογή:

.slideUp(διάρκεια);

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

.slideUp('slow' ή 'fast');

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

.slideUp();

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

.slideUp(διάρκεια, [συνάρτηση προβολής], [συνάρτηση callback]);

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

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

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

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

Παράδειγμα

Ας κρύψουμε ομαλά, αφού πατηθεί το κουμπί, το γονικό div, που περιέχει το input και το κουμπί, με τη βοήθεια της μεθόδου slideUp (αυτό το div θα το βρούμε με τη βοήθεια της μεθόδου parent). Περνώντας τη λέξη-κλειδί slow, θα ορίσουμε την ταχύτητα σε 600ms. Στο div με #test θα εμφανίσουμε την επιγραφή 'Text is hidden':

<div>
	<button>hide text</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

Δείτε επίσης

μέθοδος slideDown,
που εμφανίζει ομαλά τα στοιχεία
μέθοδος slideToggle,
που εναλλάσσει ομαλά εμφάνιση/απόκρυψη στοιχείων
μέθοδος fadeOut,
που κρύβει ομαλά τα στοιχεία, κάνοντάς τα διαφανή
μέθοδος hide,
που κρύβει ομαλά τα στοιχεία