【示例】
-
HTML
<div class="help"> <div class="cssDiv"> <h3 class="h3-text">点击折叠或展开</h3> <h3 class="h3-text">jQuery slideToggle()函数 --- 实现切换页面滑动操作的方法</h3> </div> <div class="cssDiv"> <h3 class="h3-text">点击展开或折叠</h3> <h3 class="h3-text" style="display:none;">jQuery slideToggle()函数 --- 实现切换页面滑动操作的方法</h3> </div> </div>
-
JS
$(document).ready(function(){ $(".help h3").click(function(){ $(this).next("h3").slideToggle("fast").siblings("p:visible").slideUp("fast"); $("#div-log").html($("#div-log").html()+"<p>"+"slideToggle()函数 :切换页面滑动操作"+"</p>"); }); });