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:

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

CSS şu şekilde:

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

Şimdi slideUp ve slideDown metotlarını yazıyoruz:

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

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