slideDown()方法用于向下滑動隱藏的元素,slideUp()方法用于向上滑動顯示的元素。
使用slideDown()方法:
1. 選擇要向下滑動隱藏的元素。
2. 調用slideDown()方法。
示例代碼:
HTML:
Slide DownThis is the hidden content.
JavaScript:
$(document).ready(function(){$("#slideToggleBtn").click(function(){
$("#content").slideDown();
});
});
使用slideUp()方法:
1. 選擇要向上滑動顯示的元素。
2. 調用slideUp()方法。
示例代碼:
HTML:
Slide UpThis is the visible content.
JavaScript:
$(document).ready(function(){$("#slideToggleBtn").click(function(){
$("#content").slideUp();
});
});
注意:slideDown()和slideUp()方法可用于任何可見或隱藏的元素,它們會自動切換元素的可見性。此外,還有slideToggle()方法,可用于切換元素的可見性。