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 Accordion就是我的目标。你可以在http://jqueryui.com/demos/accordion/

找到它

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

2 个答案: