给设计师的jQuery教程（第三部分）

发布时间：2018-08-18 06:02:28 所属栏目：业界来源：站长网

导读：文章导读：给设计师的jQuery教程（第一部分）给设计师的jQuery教程（第二部分） 7.可折叠面板（Demo）结合前面的技巧我们来实现一个可折叠的面板列（类似于gmail的邮件面板）。是否注意到我在Web Designer Wall的留言列表也运用了这种个效果？ Copy to

各部分代码细节

为每个<div class=”pane”>添加”alt”CSS类（使得其他的div背景为灰色）
绑定click事件到<a class=”btn_delete”>，弹出警告消息，然后定义颜色变化和淡出效果
绑定click事件到<a class=”btn_unapprove”>，先变换背景颜色到黄色，再到白，然后添加“spam” CSS类
绑定click事件到<a class=”btn_approve”>，变换背景颜色到绿色，然后白色，然后去掉”span”类
类似同上