jQuery的向下滑動功能無法正常工作

Question

你好，我有一個包含這個

<div id="center" class="column"> 
    <p>Staff please, <a id="open" href="#" >login</a> before accessing this page, no access to students.</p> 
</div> 

當點擊登錄按鈕，它應該打開面板的PHP文件，它的工作原理進一步上漲的頁面（在header.php文件），但不在這裏。在標題我有

<script src="js/slide.js" type="text/javascript"></script>

和

<script type="text/javascript" src="js/jquery.js"></script>。

我slide.js看起來是這樣的：

$(document).ready(function() { 

// Expand Panel 
$("#open").click(function(){ 
    $("div#panel").slideDown("slow"); 

}); 

// Collapse Panel 
$("#close").click(function(){ 
    $("div#panel").slideUp("slow"); 
});  

// Switch buttons from "Log In | Register" to "Close Panel" on click 
$("#toggle a").click(function() { 
    $("#toggle a").toggle(); 
});  

}); 

你可以看到它不能在這裏工作：http://webtest.jt-games.net/staff.php在面板選項卡，它的工作原理，按鈕，但頁面上的主要部件中的文本它不。

Answer 1

主頁面上的按鈕和滑動面板上的按鈕，無論是誰打開面板，都有相同的ID，#open。

ID必須是唯一的，jQuery只能用於具有該名稱的第一個ID，這就是爲什麼它不能與頁面上的鏈接一起工作。

你可以給主頁另一個ID鏈接，只是觸發click事件，像這樣：

$("#link_on_main_page_id").on('click', function(){ 
    $('#open').click(); 
});