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之后，文本将只打印text2，打印在text1位置。

你能帮忙吗？谢谢。

Answer 1

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

Jquery - 隐藏文本切换

1 个答案: