jQuery'de slideUp ve slideDown Metotları
slideUp ve
slideDown
metotları, bir elementi "yukarı kaydırarak gizleme" ve "aşağı kaydırarak gösterme"
imkanı sağlar (ayrıca efektin çalışma süresini parametre olarak alırlar,
eğer belirtilmezse varsayılan süre, 400ms, kullanılır). Nasıl
göründüğünü aşağıdaki örnekte inceleyebilirsiniz.
İki butonumuz ve bir div elementimiz olduğunu varsayalım:
<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>
CSS şu şekilde:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Şimdi slideUp ve
slideDown
metotlarını yazıyoruz:
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
