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

本文说明jquery可以通过同时单击和隐藏其他列表来扩展列表。分享给大家参考。具体如下：

在这里，jquery用于扩展和隐藏特效。点击列表标题后，该项目会展开，其他项目会收缩，即不显示。个人喜好，有的比较喜欢默认不显示其他选项的内容，就是这样，仅供参考。

运行效果截图如下：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /titlejs单击展开列表/title script类型=' text/JavaScript ' src=' http : jquery-1 . 6 . 2 . min . js '/script/head script类型=' text/JavaScript'/收缩和展开效果$(文档)。ready (function () {$(')。方框')。单击(function () {$ (this))。孩子们。文本')。slidetoggle()。父母('。方框')。兄弟姐妹('。box ')})})；/scriptstyle type='text/css '。box { width:200pxmargin:0 auto背景# CCC}.文本{ display:none}/style body Div class=' box ' H2擅长ASP /h2 div class='text '论坛类和文章类/Div/Div/Div class=' box ' H2擅长PHP /h2 div class='text '博客类和新闻类/Div/Div/Div class=' box ' H2插件/H2 Div class=' text ' jquery/Div/Div/body/html希望这篇文章对大家的jquery编程有所帮助。