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, текст будет напечатан только text2, который будет напечатан в текстовом положении.

Вы можете помочь? Спасибо раньше.

Answer 1

В этом случае вам нужно скрыть отображаемые div S перед показом новой div, в этом случае с данной HTML-разметкой, мы будем скрывать все div 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