blocks|key|1093470|text|+<a+href="javascript:showContent('id_here');">Learn+more</a>

+<script>
++++function+showContent(id)+{
++++++++$("#"%2Bid).show();
++++}
+</script>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1093471|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> &lt;a href="javascript:showContent('id_here');"&gt;Learn more&lt;/a&gt;

 &lt;script&gt;
    function showContent(id) {
        $("#"+id).show();
    }
 &lt;/script&gt;
</code></pre>


blocks|key|3409540|text|我认为这是possible.You可以获取一个div上的信息，然后你点击“了解更多”，显示这个div。这样，你甚至不需要一个超链接，只需要一个点击事件，就像代码upstairs.Of课程一样，这个div以前是隐藏的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3409541|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>I think it is possible.You can take the information on a div,and then you click "Learn more",show the div.
In this way,you even needn't a hyperlink,just a click event,like the code upstairs.Of course,this div was hidden before.</p>


blocks|key|3409565|text|实现此目的的一种方法是向该链接添加一个散列，其中包含要显示的部分的id，如下所示：<a+href="/moreinfo#section-id">Learn+More</a>。然后只需在/moreinfo页面上的window.location.hash中检查它，并显示div。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3409566|entityMap^0|15|19|2X|K|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p>One way you can achieve this would be to add a hash to that link with the id of the section you want to show, like this: <code>&lt;a href="/moreinfo#section-id"&gt;Learn More&lt;/a&gt;</code>. Then just check for it in <code>window.location.hash</code> on the /moreinfo page and show the div.</p>


blocks|key|1142845|text|你必须这样做：try+to+use+named+anchors。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1142846|首先：|1142847|<a+href="your-page-url-here#section-3">Learn+More</a>|code-block|syntax|javascript|1142848|当使用点击此链接时，用户将导航到具有不同部分的特定页面。|1142849|第二：|1142850|在此页面上，假设您想要显示第三部分：|1142851|+.....
+<a+name='section-3'></a>
+<h1>Your+section-3</h1>|1142852|在您的示例中，请使用js或jQuery：|1142853|因为您将在位置url中获得一个散列，然后使用.substr()'+and.indexOf()的javascript方法。|1142854|尝试在那些页面上使用put+this+script+where+you+are+having+your+hidden+divs|1142855|$(function(){
+++var+url+=+window.location.href;
+++var+obj+=+url.substr(url.indexOf('#'));
+++$(obj).show();
});|1142856|entityMap^0|7|O|0|0|0|0|0|0|0|0|M|E|0|A|F|Q|11|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|19|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1A|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1B|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1D|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|1H|8|@$9|1I|A|1J|B|C]|$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|10|3|11|5|J|7|1M|8|@]|D|@]|E|$K|L]]|$1|12|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|13|$]]

<p>You have to do it this way: <code>try to use named anchors</code>.</p>

<h1>first:</h1>

<pre><code>&lt;a href="your-page-url-here#section-3"&gt;Learn More&lt;/a&gt;
</code></pre>

<p>when use clicks this link user will navigate to particular page with different sections.</p>

<h1>second:</h1>

<p>on this page suppose you want to show the 3rd section:</p>

<pre><code> .....
 &lt;a name='section-3'&gt;&lt;/a&gt;
 &lt;h1&gt;Your section-3&lt;/h1&gt;
</code></pre>

<p>In your case <code>divs are hidden</code> then use js or jQuery for this:</p>

<p>As you will get a hash in the location url then use  <code>.substr()' and</code>.indexOf()` javascript methods.</p>

<p>try to <code>put this script</code> on those page <code>where you are having your hidden divs</code></p>

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


blocks|key|1148551|text|解决方案最终相当简单，我做了这个问题顶部答案中描述的操作：Getting+URL+hash+location,+and+using+it+in+jQuery|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1148552|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1822598/getting-url-hash-location-and-using-it-in-jquery^0|T|1D|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>The solution ended up being fairly simple, I did what is described in the top answer of this question: <a href="https://stackoverflow.com/questions/1822598/getting-url-hash-location-and-using-it-in-jquery">Getting URL hash location, and using it in jQuery</a></p>


<p>I have some "Learn More" links on my Home page, all of which correspond to different sections of content that is on the More Info page. These different sections of content are all hidden using display: none.</p>

<p>What I'm wondering is if there's a way to make it so that when I click a particular "Learn More" link, the user will be sent to the More Info page, and the section of content corresponding to the Learn More link they clicked will be shown.</p>

<p>I can't think of a way to achieve this, but I'm hoping it will be possible, perhaps using JavaScript.</p>

<p>EDIT:
The code I currently have is nothing special. Four <code>&lt;a&gt;</code> links on the Home page, then on the More Info page, four divs that are all initially hidden using <code>display: none</code>.</p>


After button clicked, change to different page and show hidden content

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我的主页上有一些“了解更多”链接，所有这些链接都对应于“更多信息”页面上的不同内容部分。这些不同的内容部分都是使用display: none隐藏的。我想知道的是，是否有一种方法可以让用户在单击特定的“了解更多”链接时，被发送到更多信息页面，并显示与他们所单击的了解更多链接对应的内容部分。我想不出一种方法来实现这一点，但...

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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