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

我有一個jQuery面板，它在單擊按鈕時打開。使用jQuery顯示帶有超鏈接的div

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

我該如何做到這一點？

這是我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"); 
    }); 

    });

任何指導，非常感謝。

來源

2014-12-03 michaelmcgurk

$（'＃button2'）。 }）;也許？ – Ferret 2014-12-03 11:03:06

它可能非常簡單，但如果您觸發按鈕的單擊事件，它應該達到您需要實現的效果。

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

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

如果這不是正是你想要的，讓我知道，我可以調整它按您的要求一點點。

來源

2014-12-03 11:04:35

這絕對是完美的 - 你是對的，多麼簡單！我期待着現在學習更多的jQuery - 謝謝！ :-) – michaelmcgurk 2014-12-03 11:06:25

歡迎您的朋友:)，如果已經解決了您的問題，請不要忘記標記爲答案。 – 2014-12-03 11:06:56

擴展您的選擇：

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

來源

2014-12-03 11:06:38

像這樣：

$(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元素）

來源

2014-12-03 11:07:17 n00dl3

使用類而不是ID

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

給出（'＃'button2'）。on（'click'，function（）{$（'＃open'）。click（）;返回類型openndivs您想要打開div的所有鏈接

來源

2014-12-03 11:10:02

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

回答

相關問題