如何显示与单击链接相关的 DIV 并使用 Jquery 隐藏其他 DIV？答案

【问题标题】：How to show the DIV related with clicked link and hide other DIVs with Jquery?如何显示与单击链接相关的 DIV 并使用 Jquery 隐藏其他 DIV？
【发布时间】：2010-03-07 13:39:30
【问题描述】：

正如我在主题中总结的那样，我想显示与单击链接相关的 DIV，并使用 Jquery 隐藏其他 DIV。为了能够理解我在说什么，请访问Worldlines

您将在那里看到与某些新闻相关的主题。当有人点击某个主题时，新闻 div 会滑到点击的主题下方，之前阅读过的新闻 div 会隐藏。

我想我清楚地告诉了我想要什么。

谢谢，

【问题讨论】：

你写过代码吗？这不是一个让人们为您编写代码的网站。尝试并发布您遇到的问题，然后我们可以提供帮助。如果您想编写代码，请聘请程序员或访问其他站点。另外，在这里寻找一些提示：jqueryui.com/demos/accordion
嗨，Hogan，如果我认为自己是“贪吃者”，我很抱歉，不，我不是！我不是高级程序员，但是是的，我编写了一些网站。我希望得到的答案只是你给出的提示。 :) 谢谢！

标签： jquery toggle show-hide slidetoggle

【解决方案1】：

您将在 html 的开头添加一个脚本，如下所示：

<script type="text/javascript" src="/jquery-1.4.1.min.js"></script> 
<script type="text/javascript">

    function showPanel2() {
    $('#Panel1').hide();
    $('#Panel2').show();
    }

</script>

这将隐藏一个面板并显示另一个面板。 “Panel1”和“Panel2”只是您将要显示或隐藏的面板的 ID。然后你的按钮上会有以下代码：

 <input type="button" onclick="showPanel2();" value="Submit" />

如果你想隐藏多个面板，这应该很简单，可以修改。

【讨论】：

谢谢马克。您的评论仅适用于 2 个 div，如果我使用很多 div，也应该为每个 div 添加很多行。我一直在寻找的是 Jquery Accordion。 jqueryui.com/demos/accordion

【解决方案2】：

Jquery Accordion 正是我所寻找的。你可以在这里找到它http://jqueryui.com/demos/accordion/

【讨论】：