我想讓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>