04/05/2015, 15:28
|
| | Fecha de Ingreso: mayo-2015
Mensajes: 1
Antigüedad: 9 años, 7 meses 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");
}
});
}); |