Html 如何使用链接到折叠的隐藏tabindex元素#

我正在编写一个词汇表，并制作了一个庞大的文件，其中的术语列后面是隐藏的文本（带有

display:none

），采用纯css/html格式

每个条目在代码中都是这样的：

Achidrupa

下面是隐藏的解释。

我使用的不是

：hover

，而是

：focus

，因此解释会在一种弹出窗口中打开，而不使用Java或JS。 由于有些条目的拼写稍有不同，我喜欢指的是主条目，但不是相当笨拙的“见条目废话”

因此，我喜欢创建内部链接，就像我们习惯于在linked to元素中使用#和name或id一样。但是无论我怎么做，我都无法从打开的窗口中打开另一个带有链接的条目。我能得到一些帮助吗？非常感谢任何解决方案

我认为我从一开始就没有把这个问题讲清楚。我有以下代码，包括tabindex=0和

.w:focus.tt{display:inline block；cursor:pointer；}

在css中。

1ste Entry Alpha

以下文本作为alpha的说明，单击条目alpha后，该说明将变为可见，否则它将使用css

display:none

保持隐藏。[这里大概有100字左右。]

测试版的第二项

下面的文本作为beta版的说明，单击后显示。[这里大概有100字左右。]

我需要的是，当我在beta版点击打开的窗口条目并点击“链接到条目Alpha”时，可以打开窗口第一条条目Alpha

---

很抱歉，交付的javascript代码和代码片段不起作用。它不会打开任何焦点元素。顺便说一句，词汇表以这种方式工作得很好，除了内部链接。

这里有一个使用javascript的解决方案：获取散列，找到具有相应名称的元素并聚焦它。整个内容都包装在onload中，否则浏览器将无法聚焦元素

window.onload=函数（）{
var hash=window.location.hash.substr（1）；
if（散列）{
var target=document.getElementsByName（哈希）[0].focus（）
}
}

.w{
显示：块；
颜色：黑色；
文字装饰：无；
}
.w>分区{
显示：无；
}
w：焦点{
大纲：无；
}
.w:焦点>分区{
显示：块；
}

问题？
mopm adsma pomfdsapoi mfadsp fasdm pasofdm pasdofi mdfs apfd smapfdso amfp ad
问题？
mopm adsma pomfdsapoi mfadsp fasdm pasofdm pasdofi mdfs apfd smapfdso amfp ad
问题？
mopm adsma pomfdsapoi mfadsp fasdm pasofdm pasdofi mdfs apfd smapfdso amfp ad

浏览器不会将链接聚焦在打开的页面上，只会滚动到该页面。要做到这一点，您需要一点javascript。好吧，我已经想到，我不太可能逃避javascript。如果你能帮我写一个小剧本，我会很高兴的。或者其他人。非常感谢。不过这个解决方案可能不是最优的。最好听一下click事件并向容器中添加一个css类。这样，当用户点击页面中的任何地方时，文本就不会隐藏。谢谢弗朗索瓦·泽维尔，但我无法使用它。我详细阐述了我的问题。也许这能更好地解释我的需求。@François Xavier:我们能不能用onclick（）做点什么？那么，当我点击一个Alpha时，它会被聚焦吗？我对Javascript知之甚少，只是有时候从别人那里抄袭一些小脚本，自己从来没有写过任何东西。除非我必须在目标div的真实描述中更改div，或者必须在脚本中将hash更改为#，否则您提供的javascript无法工作，而我没有这样做。