Μέθοδοι slideUp και slideDown στο jQuery

Οι μέθοδοι slideUp και slideDown επιτρέπουν την "ανάκληση" και την "εμφάνιση" ενός στοιχείου (παίρνουν ως παράμετρο επίσης τον χρόνο εκτέλεσης του εφέ, αν δεν καθοριστεί - θα ληφθεί ο προεπιλεγμένος χρόνος, 400ms). Πώς αυτό φαίνεται - δείτε στο ακόλουθο παράδειγμα.

Ας υποθέσουμε ότι έχουμε δύο κουμπιά και ένα div:

<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>

Το CSS φαίνεται έτσι:

#elem {
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid green;
	margin-top: 10px;
}

Τώρα καθορίζουμε τις μεθόδους slideUp και slideDown:

$('#hide').click(function() {
	$('#elem').slideUp(1000);
});

$('#show').click(function() {
	$('#elem').slideDown(1000);
});