jquery实现点击展开列表同时隐藏其他列表

本文实例讲述了jquery实现点击展开列表同时隐藏其他列表。分享给大家供大家参考。具体如下：

这里使用jquery实现展开、隐藏特效，点击列表标题后该项内容展开，其它项收缩起来，也就是不显示了。个人喜好了，有的喜欢在默认状态下不显示其它选项的内容，这个就是这种情况，仅供参考吧。

运行效果截图如下：

具体代码如下：

.box{width:200px; margin:0 auto; background:#CCC;}
.text{display:none;}



  对ASP擅长的程序
  论坛类和文章类
  


  对PHP擅长的程序
  博客类和新闻类
  


  对前端擅长的插件
  jquery
  

希望本文所述对大家的jquery程序设计有所帮助。