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

Question

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

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

我对js不太了解，所以请仔细解释。谢谢。

Answer 1

设置和 id 到“关于我”链接，如下所示：

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

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

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

然后利用jQuery.click() 事件。正如 jQuery 的文档中所解释的那样：

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

例子 ：

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

应用于您的页面：

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

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

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