SoloCodigo

Programación Web y Scripting => JavaScript => Mensaje iniciado por: mcastro en Jueves 26 de Marzo de 2015, 17:26

Título: Propiedad value de un botón con JQuery
Publicado por: mcastro en Jueves 26 de Marzo de 2015, 17:26
Buenas amigos de solocodigo. Estoy aprendiendo a usar Jquery y tengo el siguiente código:
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
        <script src = "../Funciones/Js/jquery-1.11.2.js" type="text/javascript"></script>
       
        <script>
         $(document).ready(function(e) {
                $("button").click(function(e) {
                    if ($("button").val() == "Hide")
               {
                  $("button").val("Show");
                  $("p").hide();
               }
               else
               {
                  $("button").val("Hide");
                  $("p").show();                  
               }
                });            
            });
      </script>
   </head>

   <body>
        <p>If you click on the "Hide" button, I will disappear.</p>
       
        <button>Hide</button>
   </body>
</html>

El script me funciona bién excepto que no me cambia la propiedad  'value' del botón. Cuando esta con HIDE el desaparece el párrafo y deseo que el 'value' del botón cambie a SHOW y viceversa pero no lo hace. ¿Pueden ayudarme? Gracias de antemano.