是的,这个是示例6,而不是计划中的示例5(投票系统)。因为在jQuery中,进行可以伸展的面板的处理非常简单,只要一个toggle()函数就可以。
核心代码如下:
var i=0; $(document).ready( function() { $("div").filter("#clickme").click( function() { i++; $("div").filter("#content").toggle(); if(i%2==0) { $(this).text("Click here to expand."); } else { $(this).text("Click here to collapse."); } } ); } );
我用了一个变量i来判断要操作的div是处在显示还是隐藏状态,并相应的修改提示文字。通过查看jQuery的源代码,可以知道这也是jQuery中toggle使用的方法。
示例见此处。