Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] SlideToggle Con retroseso

Estas en el tema de SlideToggle Con retroseso en el foro de Jquery en Foros del Web. Buenos dias, no sabia como poner bien el asunto del tema por lo que pido perdon. Mi duda es la siguiente: Tengo dos botones que ...
  #1 (permalink)  
Antiguo 14/10/2013, 03:17
Avatar de chabri  
Fecha de Ingreso: septiembre-2009
Ubicación: Torremolinos
Mensajes: 227
Antigüedad: 15 años, 1 mes
Puntos: 17
SlideToggle Con retroseso

Buenos dias, no sabia como poner bien el asunto del tema por lo que pido perdon.
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> 
jQuery

Cita:
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;
}
});
});
Alguna idea?

Saludos!

Etiquetas: slidetoggle
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:17.