Jquery-隐藏切换的文本

在

http://jsbin.com/uveqad/1/edit

。 我想这样做

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

在本例中，我希望：在第2步中，显示text2，替换前面的text1。简单地说，在我单击toggle2之后，文本将仅打印在text1位置的text2

你能帮忙吗？

---

谢谢。在这种情况下，您需要在显示新的

div

之前隐藏显示的

div

，在这种情况下，使用给定的html标记，我们将隐藏id以

p

开头的所有

div

$(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();
  });
});

演示：