【示例】
-
HTML
<div class="help"> <div class="cssDiv"> <h3>单击折叠或展开</h3> <p>jQuery实现可折叠效果的方法</p> </div> <div class="cssDiv"> <h3>单击展开或折叠</h3> <p style="display:none;">jQuery实现可折叠效果的方法</p> </div> </div>
-
JS
$(document).ready(function(){ $(".help h3").click(function(){ $(this).next("p").slideToggle("fast").siblings("p:visible").slideUp("fast"); }); });