前端开发

本教程讲解jquery实现点击展开列表同时隐藏其他列表方法

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

运行效果截图如下：

具体代码如下：

// 收缩展开效果
$(document).ready(function(){
$('.box').click(function(){
$(this).children('.text').slideToggle().parents('.box').siblings('.box').children('.text').hide();
})  
});


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



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