我想让HTML链接打开一个js手风琴
问题描述:
我想要顶部帽子中的HTML链接在主要内容区域中将js手风琴打开到正确的位置。例如,我想要“About”链接打开“chirp ...”部分。我想让HTML链接打开一个js手风琴
http://imip.rvadv.com/index2.html
我不知道JS的很多,所以请仔细讲解。谢谢。
答
设置和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>
@Tiffani霍利斯:现在把JS放在noscript标签之外:-) – 2012-07-08 01:31:38
You r玉珠!完美工作。谢谢! – imakeitpretty 2012-07-08 01:31:51
你的第一行是无效的html。你忘了引号。 – Daedalus 2012-07-08 05:09:30