0

Buenos días Estimados

Intenté el método HideShow con una clase de ejemplo pero no funciona.

<html>

<head>
    <script type="text/javascript" src="../jquery.js"></script>
    <script type="text/javascript">
        var x;
        x=$(document);
        x.ready(inicio);

        function inicio(){
           //var x=$("#mostrar");
            $("#mostrar").click(muestrame);
            //var x=$("#ocultar");
            $("#mostrar")..click(ocultame);
        }

        function muestrame(){
            //var x=$("objetivo");
            $("objetivo").show(fast);
        }

        function ocultame(){
           //var x=$("objetivo");
            $("objetivo").hide(fast);
        }

    </script>
    <style type="text/css">
        #objetivo{
            width: 200px;
            height: 200px;
            background-color: yellow;
            border: 1px solid black;
        }

    </style>
</head>

<body>
    <input type="button" id="mostrar" value="mostrar">
    <input type="button" id="ocultar" value="ocultar">
    <div id="objetivo"> Yo soy un div</div>
</body>

</html>
4

2 respuestas 2

1

Si estás usando jQuery te recomiendo usarlo lo más que se pueda, además tienes varios errores.

  1. En tu selector te faltaba el indicador de elemento para poder seleccionar, recuerda para seleccionar por id se usa # y para seleccionar por class se usa .

  2. El parámetro que se pasa a los métodos de animación .hide() y .show() debe ir entre comillas

$(document).ready(function(){
  $("#mostrar").click(function(){
    $("#objetivo").show('fast');
  });

  $("#ocultar").click(function(){
    $("#objetivo").hide('fast');
  });
});
#objetivo{
    width: 200px;
    height: 200px;
    background-color: yellow;
    border: 1px solid black;
    display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="button" id="mostrar" value="mostrar">
<input type="button" id="ocultar" value="ocultar">
<div id="objetivo"> Yo soy un div</div>

2
  • Gracias Camilo ! Conoces una web online para verificar mi código ? Slds Commented el 14 dic. 2017 a las 16:34
  • @LuisMiguelSanchezAlzamora si la respuesta fue tu solución te invito a que consideres marcarla como aceptada para que sea de ayuda a otros desarrolladores, además te invito también a que hagas el recorrido de bienvenida para que entiendas cual es el funcionamiento básico del sitio...a que te refieres con "verificar mi código" ? Commented el 14 dic. 2017 a las 16:36
0

Porque le estás pasando una variable undefined en el .show() o .hide() y deberías declararlo o bien pasarlo como string o number ya que jQuery acepta el string "fast" para mostrar u ocultar un elemento.

Por ejemplo:

$("objetivo").show("fast");

// lo muestra en 200 milisegundos
$("objetivo").show(200);

Vi que también preguntaste como validar el código, podés usar un IDE para trabajar con javascript como Atom o Visual Studio Code que validan código.

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.