*{ padding:0; margin:0; }
body{ background:#fafafa; font-size:12px; }
.slider{ line-height:24px; width:700px; color:#7ecef4; margin:10px auto; background:#010e16; }
.slider dt{ background:#f5f5d2; padding-left:30px; cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff; height:32px; line-height:32px; }
.slider dt.slider_open{background:#707070; color:# }
.slider dd{ display:none; background:#f1f1ea; height:90px; background:#111; border-bottom:1px dashed #fafafa; overflow:hidden;}
.slider dd p{ padding:10px 20px; overflow:hidden; }
如果是通过网页运行代码的,需要刷新下才能看到效果。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
- jquery插件制作 手风琴Panel效果实现
- jQuery制作效果超棒的手风琴折叠菜单
- 基于Jquery代码实现手风琴菜单
- jquery手风琴特效插件
- jquery超简单实现手风琴效果的方法
- Jquery组件easyUi实现手风琴(折叠面板)示例
- 基于jquery的手风琴图片展示效果实现方法
- 基于JQuery的一句话搞定手风琴菜单
- 精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
- 让人印象深刻的10个jQuery手风琴效果应用
- jQuery实现的简单手风琴效果示例