<script type="text/javascript"> $(function(){ $( ".portlet-header" ).dblclick(function(){ $(this).parent().find(".portlet-content").toggle(); }); }); </script>
portlet 的内容是通过遍历标头元素实现的，随后利用 jQuery find 方法定位带有 portlet-content 类的相关元素。
结束语
利用 jQuery UI 增强 Web 页面非常简单，基本上只需要包含恰当的文件，并执行一次函数调用即可。在 jQuery 和 jQuery UI 这样的库出现之前，构建高度交互式的界面极为困难，因为必须从零开始编写代码，而且需要执行大量测试来保证代码能在所有主流浏览器中正常工作。如今，您只要包含一个文件并执行一次函数调用即可创造效果和可排序的元素，或者更改主题。