Mi duda es la siguiente:
Tengo dos botones que cargan dos contenidos diferentes, cuando hago click en un boton, carga su respectivo contenido con slide, bien, ahora cuando le doy al otro tambien, pero lo que quiero es que haga un restroseso del div que ya estaba cargado y una vez desaparezca el otro, cargue el nuevo. esto es lo que tengo:
Código HTML:
<div id="content-top-menu"> <div class="content"> <div id="div1" class="content-top"> contenido del primer div </div> </div> <div class="content"> <div id="div2" class="content-top"> contenido del segundo div </div> </div> <div id="top-menu"> <a class="btn" href="#div1">TFG EINS</a> <a class="btn" href="#div2">TFG ZWEI</a> </div> </div>
Cita:
Alguna idea? jQuery(document).ready(function(){
$(".content-top").hide();
$(".btn").click(function(){
var nodo = $(this).attr("href");
$('.btn').removeClass('active');
$(this).toggleClass('active');
if ($(nodo).is(":visible")){
$(nodo).hide();
return true;
}else{
$(".content-top").hide();
$(nodo).slideToggle( "slow" );
return false;
}
});
});
$(".content-top").hide();
$(".btn").click(function(){
var nodo = $(this).attr("href");
$('.btn').removeClass('active');
$(this).toggleClass('active');
if ($(nodo).is(":visible")){
$(nodo).hide();
return true;
}else{
$(".content-top").hide();
$(nodo).slideToggle( "slow" );
return false;
}
});
});
Saludos!