原理:同前一篇,不过使用的是sildeToggle方法。
具体思路:同前一篇。
具体实现代码:
JS文件:
function showSort() {
$("#sort").click(function() {
$("#u_list3").stop().slideToggle(100);
}, function() {
$("#u_list3").stop().slideToggle(100);
});
}
HTML/JSP文件(JSP文件):
<div id="sort">
排序
<ul id="u_list3" style="display:none;">
<li><a href="sort.do?op=id">ID</a></li>
<span style="white-space:pre"> </span> <li><a href="sort.do?op=name">姓名</a></li>
<li><a href="sort.do?op=salary">薪水</a></li>
<li><a href="sort.do?op=age">年龄</a></li>
</ul>
</div&