一般左边后台点击收缩展开的效果

一般左边后台点击收缩展开的效果

html代码：

秋秋淘衣坊

• 秋秋淘衣坊2
  • 房屋出租
  • 招聘求职
  • 福州拼车
  • 二手交易市场
  秋秋淘衣坊3
  • 福清论坛
  • 长乐论坛
  • 平潭论坛

css代码：

body { font-family: Arial; font-size: 16px;}dl { width: 300px;}dl, dd { margin: 0; padding:0;}dd { border:1px solid #ae8758;}dt { background-color:#ae8758; font-size: 18px; padding: 5px 5px 5px 20px; margin:2px 0 0; height:29px; line-height:28px;}dt a { color: #FFF; text-decoration:none; display:block;}dd a { color: #000;}ul { list-style: none; padding:5px 5px 5px 20px; margin:0;}li { line-height:24px;}.bg { background-position:5px -16px;}

jQuery代码：

$(document).ready(function(){ $("dd").hide(); $("dt a").click(function(){ $(this).parent().next() .slideToggle().siblings("dd").slideUp();; }) })

预览效果：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。