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

Question

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

您将在此处看到与一些新闻相关的主题。 当某人单击某个主题时，新闻div将向下滑动到所单击的主题下方，并且以前阅读的新闻div将隐藏。

我想我清楚地告诉了我想要的。

谢谢，

Answer 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" />

如果要隐藏多个面板，则修改起来应该足够简单。

Answer 2

jQuery手风琴是我想要的。 您可以在这里找到它http://jqueryui.com/demos/accordion/