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

Question

我希望大礼帽中的HTML链接将主要内容区域中的js手风琴打开到正确的位置。例如，我想要“关于”链接打开“唧唧...”部分。

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

我不知道很多js，所以请仔细解释。感谢。

Answer 1

设置并识别“关于我”链接，如下所示：

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

您还应该在打开“chirp”部分的link元素中添加一个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的文档中所解释的那样：

  

“描述：将事件处理程序绑定到”click“JavaScript事件，   或在元素上触发该事件。“

示例：

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

应用于您的网页：

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

不要忘记用“script”标签包装JS代码：

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