① slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。
如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
示例:通过使用滑动效果,在显示和隐藏状态之间切换
元素,点一次段落隐匿,再点,段落出现。
$(document).ready(function () {
$(".btn1").click(function () {
$("p").slideToggle();
});
});
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
② toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。
$(document).ready(function () {
$("button").click(function () {
$("p").toggleClass("main");
});
});