slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。
如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
$(".list").click(function(){
$('.list1').slideToggle(500);
$('.list2').slideToggle(500);
})
<div class="list">点击</div>
<div class="list1">内容1</div>
<div class="list2" style="display:none;">内容2</div>
如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
$(".list").click(function(){
$('.list1').slideToggle(500);
$('.list2').slideToggle(500);
})
<div class="list">点击</div>
<div class="list1">内容1</div>
<div class="list2" style="display:none;">内容2</div>