[b]Jquery Collapser[/b]
用于扩展和折叠元件的多功能用途的插件
[url]http://www.aakashweb.com/resources/pages/demos/jquery-collapser/[/url]
[img]http://dl.iteye.com/upload/attachment/528636/5a292e96-6b28-35e9-92f0-8d503004102c.png[/img]
[b]jExpand[/b]
超轻量级的jQuery插件,用于表格扩展。通过jExpand,表格可容纳图片、列表、图表和其他更多元素信息。
[url]http://www.jankoatwarpspeed.com/examples/expandable-rows/[/url]
[img]http://dl.iteye.com/upload/attachment/528646/5247e716-d730-3bcf-8f66-52371849c4cd.png[/img]
用于扩展和折叠元件的多功能用途的插件
[url]http://www.aakashweb.com/resources/pages/demos/jquery-collapser/[/url]
<script src="/resources/js/jquery.js" type="text/javascript"></script>
<script src="/resources/js/jquery.ui.js" type="text/javascript"></script>
<script src="/resources/js/jquery.collapser.js" type="text/javascript"></script>
[img]http://dl.iteye.com/upload/attachment/528636/5a292e96-6b28-35e9-92f0-8d503004102c.png[/img]
[b]jExpand[/b]
超轻量级的jQuery插件,用于表格扩展。通过jExpand,表格可容纳图片、列表、图表和其他更多元素信息。
[url]http://www.jankoatwarpspeed.com/examples/expandable-rows/[/url]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#report tr:odd").addClass("odd");
$("#report tr:not(.odd)").hide();
$("#report tr:first-child").show();
$("#report tr.odd").click(function(){
$(this).next("tr").toggle();
$(this).find(".arrow").toggleClass("up");
});
//$("#report").jExpand();
});
</script>
[img]http://dl.iteye.com/upload/attachment/528646/5247e716-d730-3bcf-8f66-52371849c4cd.png[/img]