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