jquery - Jquery - 隐藏文本切换

Question

在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。

你能帮忙吗？之前谢谢。

Answer 1

在这种情况下，您需要在显示div新的 s 之前隐藏显示的 s div，在这种情况下，使用给定的 html 标记，我们将隐藏所有divid 以 开头的 s 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