我想让HTML链接打开一个js手风琴

Question

我想要顶部帽子中的HTML链接在主要内容区域中将js手风琴打开到正确的位置。例如，我想要“About”链接打开“chirp ...”部分。

http://imip.rvadv.com/index2.html

我不知道JS的很多，所以请仔细讲解。谢谢。

Answer 1

设置和id的“关于我”的链接，像这样：

<a href="#aboutme" id="aboutme"> 

您还应该添加一个id打开的“唧唧”部分中的链接元素：

<a href="#" id="chirp">Chirp. Would you like to know about me?<h2>Read the official birdwatcher's guide.</h2></a> 

然后利用jQuery.click() event。由于它是jQuery的文档中解释说：

“描述：绑定的事件处理程序‘单击’JavaScript事件， 或者触发元素上的事件。”

例子：

$("#other").click(function() { 
    $("#target").click(); 
}); 

应用到你的页面：

$("#aboutme").click(function() { 
    $("#chirp").click(); 
}); 

不要忘了包裹JS代码以 “脚本” 标签：

<script> 
$("#aboutme").click(function() { 
    $("#chirp").click(); 
}); 
</script>