如何创建指向通过显示/隐藏javascript隐藏的内容的链接？

我想创建指向由show/hide java脚本隐藏的内容的链接。每个隐藏内容中有三个div，其中包含视频和文本，我希望创建链接；e、 例如，创建一个指向下面代码中所示的“示例”div的链接。它不必直接链接到每个div。在div上方创建链接目的地会更好。我希望我的问题有意义

我用于显示/隐藏的代码非常有效。这是该代码的通用版本：

HTML

JavaScript

function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}

---

希望我能理解你的问题。研究下面的例子

HTML

$（文档）.ready（函数（）{
$（'li'）。单击（函数（）{
$（'.content:visible'）.hide（）；//隐藏之前的可见内容
$（'.content'）.eq（$（this.index（））.show（）；//显示相应的内容
});
});
li{
显示：内联；
文本转换：大写；
字体系列：calibri；
高度：24px；
}
.内容{
字体大小：60px；
颜色：红色；
}
.内容：不（：类型的第一个）{
显示：无；/*隐藏除第一个.content div以外的所有内容*/
}
李阿{
填充：0 15px 0 15px；
文字装饰：无；
线高：24px；
}







内容一
内容二
内容三
Content Four
当您单击链接时，它是否打开相应的内容？
。style
不返回来自CSS的样式，它只访问内联样式。您需要使用
window.getComputedStyle（）
在合并CSS后获取样式。你能把这个放到js提琴里吗？谢谢你的快速回复！jsfiddle[link]我创建的链接没有指向相应的内容。它会转到页面中“查看更多”链接所在的部分，但不会显示隐藏的内容。以下是我使用的链接代码：链接
目的地

.more {
display: none;
border-top: 1px solid #666;
border-bottom: 1px solid #666; 
}
a.showLink, a.hideLink 
{
text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url('down.gif') no-repeat left; 
}
a.hideLink {
background: transparent url('up.gif') no-repeat left; 
}
a.showLink:hover, a.hideLink:hover {
border-bottom: 1px dotted #36f; 
}

function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}