Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/05/2015, 15:28
luuigi
 
Fecha de Ingreso: mayo-2015
Mensajes: 1
Antigüedad: 9 años
Puntos: 0
Control de divs mediante seleccion en combobox (jquery)

Hola amigos espero y me puedan ayudar.

Tengo un combobox, cuando selecciono una opcion por medio de jquery debe de desaparecer el div actual y aparecer con fadein otro div, y cuando elija otra opcion del combobox debe de desaparecer el div contenedor que aparecio (FadeOut) en la seleccion anterior y cargar con FadeIn otro div.

No se como le haria para desaparecer el div que se cargue en ese momento y mostrar el que elijo en mi fadeIn


------------------mi php -----------
<div id="FormAllPost" style="display:none">
<div class="col-xs-12 PostContentAll">
<h1>Show all Text Post </h1>
</div>
</div>

<div id="FormTextPost" style="display:none">
<div class="col-xs-12 PostContentAll">
<h1>Show all Text Post </h1>
</div>
</div>

----------------------- mi js

$(document).ready( function() {
$("#BlogTypes").change(function(){

var valorCambiado =$(this).val();

if(valorCambiado == "0") {
$(this).fadeOut("slow"); <---------------------------el this no desaparece el contenedor que se cargo.
$("#FormAllPost").delay(500).fadeIn("slow");
}
else if(valorCambiado == "1") {
$(this).fadeOut("slow");
$("#FormTextPost").delay(500).fadeIn("slow");
}
else if (valorCambiado == "3") {
$(this).fadeOut("slow");
$("#FormVideoPost").delay(500).fadeIn("slow");
}


});

});