JQuery 示例：类QQ好友列表

            $("#qq li:odd").addClass("body");
            $("#qq li:even").addClass("header").click(function () {
                $(this).next("li.body").show(2000).siblings("li.body").hide("1000");
            });

 

 

<ul id="qq">
<li>wode</li>
<li>ashdkh<br />skjf<br />skjdhf<br />sdfgsdfg</li>
<li>sdfkjhd</li>
<li>ashdkh<br />skjf<br />skjdhf<br />sdfgsdfg</li>
<li>sdfkjhd</li>
<li>ashdkh<br />skjf<br />skjdhf<br />sdfgsdfg</li>
<li>sdfkjhd</li>
<li>ashdkh<br />skjf<br />skjdhf<br />sdfgsdfg</li>
</ul>