fadeOut y fadeIn y Internet explorer 9

luchi2 · #1 (**permalink**) 10/10/2014, 16:17

Estoy toqueteando Jquery y quiero que cuando se pulse un botón desaparezca un elemento y aparezca otro. Nada del otro mundo, el caso esque con IE no funciona y ya he visto que en otras páginas tampoco. ¿No hay forma de hacerlo funcionar?
el código de jquery es éste:

Código Javascript:

Ver original$(function(){
    $("#conocenos").click(function(){
        $("#Inicio").fadeOut("800", function(){
            $("#Conocenos").fadeIn("800");
        });
    });
});

Aunque si necesitaís el código de la web completa me lo decís (es pequeña y está en construcción, sólo para probar Jquery).

ArturoGallegos · #2 (**permalink**) 12/10/2014, 11:42

si das click en #conocenos es evidente que ya se esta mostrando por lo que al aplicarle fadeIn no hay un efecto apreciable, intenta con otro elemento...

luchi2 · #3 (**permalink**) 12/10/2014, 15:14

"#conocenos" no es lo mismo que "#Conocenos".
Te dejo la web entera para que veas (está en construcción por lo que sólo hay ésta función) pero de todas formas, notarás que funciona en Mozzila y Chrome, pero no en Internet explorer 9 (no sé si en otra versión funcionaría).

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Página propia</title>
<style type="text/css">
 
body{
    background-color: #F4BC00;
}
 
.nomostrar{
    display: none;
}
 
#centrar{
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    width: 60%;
}
 
</style>
<script src="jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $("#conocenos").click(function(){
        $("#Inicio").fadeOut("800", function(){
            $("#Conocenos").fadeIn("800");
        });
    });
});
 
</script>
</head>
<body>
<div id="centrar">
    <center><button id="inicio">Inicio</button>&nbsp<button id="conocenos">Conócenos</button>&nbsp<button id="contacto">Contacto</button><br></center>
    <div id="Inicio">Hola esto es el inicio, somos muy profesionales y Bla bla bla</div>
    <div id="Conocenos" class="nomostrar">Ven a conocernos, estamos muy cerca</div>
    <div id="Contacto" class="nomostrar">Este es nuestro contacto, estaremos encantados de leerte</div>
</div>
</body>
</html>