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

I want to make HTML links open a js accordion

本文关键字:一个 手风琴 js HTML 链接      更新时间:2023-09-26

我希望礼帽中的HTML链接将主内容区域中的js手风琴打开到正确的位置。例如,我希望"关于"链接打开"啁啾…"部分。

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

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

将和id设置为"about me"链接,如下所示:

<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()事件。正如jQuery文档中所解释的:

描述:将事件处理程序绑定到"click"JavaScript事件,或者在元素上触发该事件。"

示例:

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

应用于您的页面:

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

不要忘记用"script"标签包装JS代码:

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