单击按钮后，切换到不同的页面并显示隐藏的内容

Question

我的主页上有一些“了解更多”链接，所有这些链接都对应于“更多信息”页面上的不同内容部分。这些不同的内容部分都使用display：none。

隐藏

我想知道的是，如果有办法实现这一点，当我点击特定的“了解更多”链接时，用户将被发送到更多信息页面，以及与了解更多相关的内容部分他们点击的链接将会显示。

我无法想到实现这一目标的方法，但我希望它可能，也许是使用JavaScript。

编辑： 我目前的代码没什么特别的。主页上有四个<a>链接，然后是“更多信息”页面上的四个div，这些div最初都是使用display: none隐藏的。

Answer 1

解决方案最终变得非常简单，我做了这个问题的最佳答案中描述的内容：Getting URL hash location, and using it in jQuery

Answer 2

 <a href="javascript:showContent('id_here');">Learn more</a>

 <script>
    function showContent(id) {
        $("#"+id).show();
    }
 </script>

Answer 3

我认为这是可能的。你可以在div上获取信息，然后点击＆＃34;了解更多信息＆＃34;，显示div。 通过这种方式，您甚至不需要超链接，只需点击事件，就像楼上的代码一样。当然，这个div之前是隐藏的。

Answer 4

您可以实现此目的的一种方法是使用您要显示的部分的ID向该链接添加哈希，如下所示：<a href="/moreinfo#section-id">Learn More</a>。然后只需在/ moreinfo页面的window.location.hash中检查它并显示div。

Answer 5

你必须这样做：try to use named anchors。

第一

<a href="your-page-url-here#section-3">Learn More</a>

当使用点击此链接时，用户将导航到具有不同部分的特定页面。

第二

本页

假设您要显示第3部分：

 .....
 <a name='section-3'></a>
 <h1>Your section-3</h1>

在您的情况divs are hidden中，然后使用js或jQuery：

因为您将在位置网址中获得哈希值，然后使用.substr()' and。indexOf（）`javascript方法。

在put this script

页面上尝试where you are having your hidden divs

$(function(){
   var url = window.location.href;
   var obj = url.substr(url.indexOf('#'));
   $(obj).show();
});