使用jQuery顯示帶有超鏈接的Div

Question

我有一個jQuery面板，當單擊一個按鈕時會打開。

但是，我想要頁面底部的第二個鏈接打開同一面板。

我該如何實現？

這是我的JSFiddle和我的Javascript：

$(document).ready(function() {

    // Expand Panel
    $("#open").click(function(){
        $("div#panel").slideDown("slow");   
        $("#open").addClass("hidden");
         $("#close").removeClass("hidden");
    });     

    // Switch visiblility of the "Close Panel" button
    $("#close").click(function () {
        $("div#panel").slideUp("slow"); 
        $("#close").addClass("hidden");
        $("#open").removeClass("hidden");
    });

    });

非常感謝您的指導。

Answer 1

它可能很簡單，但是如果觸發按鈕的click事件，它應該會產生所需的效果。

$("#myLink").click(function(){
    $("#open").click();
    });

這是更新的小提琴： http : //jsfiddle.net/4dkoke6w/2/

如果這不是您想要的，請告訴我，我可以根據您的要求進行一些調整。

Answer 2

擴展選擇器：

// Expand Panel
$("#open, #link").click(function(){
    $("div#panel").slideDown("slow");   
    $("#open").addClass("hidden");
    $("#close").removeClass("hidden");
});     

Answer 3

像這樣：

$(document).ready(function() {

function showPanel(){
 $("div#panel").slideDown("slow");   
        $("#open").addClass("hidden");
         $("#close").removeClass("hidden");
}

// Expand Panel
$("#open,#second-button-you-talked-about").click(showPanel); 
//or    
$("#open").click(showPanel);
$("#second-button-you-talked-about").click(showPanel);

// Switch visiblility of the "Close Panel" button
$("#close").click(function () {
    $("div#panel").slideUp("slow"); 
    $("#close").addClass("hidden");
    $("#open").removeClass("hidden");
});

});

（您還應該將jQuery元素存儲在變量中）

Answer 4

使用類而不是id

$(".opendivs").click(function(){
    $("div#panel").slideDown("slow");   
    $("#open").addClass("hidden");
     $("#close").removeClass("hidden");
}); 

將class opendivs分配給您要用來打開div的所有鏈接