Jquery - 隱藏文本切換

Question

在http://jsbin.com/uveqad/1/edit。 我想這樣做

1. i click toggle1 => then show text1 
2. next i click toggle2 : show text2 

在這種情況下，我想

：在步驟2號，文本2這表明，之前更換的text1。簡單地說，在我點擊toggle2之後，文本將被打印爲只在text1位置打印的text2。

你能幫忙嗎？ 以前感謝。

Answer 1

在你需要呈現出新的div之前隱藏顯示的div S，在這種情況下，給定HTML標記的話，我們會隱藏所有div（胡）的ID與p開始。

$(document).ready(function(){ 
    $("#bt1").click(function(){ 
    $('div[id^="p"]:visible').not("#p1").slideUp() 
    $("#p1").slideToggle(); 
    }); 
    $("#bt2").click(function(){ 
    $('div[id^="p"]:visible').not("#p2").slideUp() 
    $("#p2").slideToggle(); 
    }); 
}); 

演示：JS Bin