jQuery में slideUp और slideDown विधियाँ

slideUp और slideDown विधियाँ तत्व को "ऊपर सरकाना" और "नीचे सरकाना" संभव बनाती हैं (वे प्रभाव के निष्पादन का समय भी पैरामीटर के रूप में लेती हैं, यदि इसे निर्दिष्ट नहीं किया जाता है - तो डिफ़ॉल्ट समय लिया जाएगा, 400ms)। यह कैसा दिखता है - निम्नलिखित उदाहरण में देखें।

मान लीजिए कि हमारे पास दो बटन और एक div है:

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

CSS इस प्रकार दिखता है:

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

अब हम slideUp और slideDown विधियों को लिखते हैं:

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

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