Tema: problema con script
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/03/2011, 19:57
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 10 meses
Puntos: 192
Respuesta: problema con script
Yo lo he probado y funciona. Es cierto que hace eso que decís, que presionando de nuevo en "Nuevo" vuelve a deslizarse.
Para ser honesto no conozco esa librería, prefiero jQuery. Voy a hacer lo que vos querés en jQuery y a lo mejor te sirve o podés traducirla. Sino, habrá que esperar que alguien que conozca mejor esa librería te ayude.
Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'></script> 
  4. <style>
  5.     #mostrame{
  6.         position:fixed;
  7.         left:40%;
  8.         top:0;
  9.         width:200px;
  10.         height:200px;
  11.         background: yellow;
  12.         display:none;
  13.     }
  14. </style>
  15. <script>
  16.     $(document).ready(function(){
  17.         //al hacer click en mostrar:
  18.         $('#mostrar').click(function(evento){
  19.             evento.preventDefault()
  20.             $('#mostrame:hidden').slideDown();
  21.         });
  22.         //al hacer click en ocultar:
  23.         $('#ocultar').click(function(evento){
  24.             evento.preventDefault()
  25.             $('#mostrame:visible').slideUp();
  26.         });
  27.     
  28.     });
  29. </script>
  30. </head>
  31. <body>
  32. <div id="contenedor">
  33.     <div id="mostrame">
  34.         <p>Me ven y no me ven</p>
  35.     </div>
  36.     <a href="#" id="mostrar">Mostrar </a> | <a href="#" id="ocultar">Ocultar</a>
  37. </div>
  38. </body>
  39. </html>


Ese pequeño ejemplo hace lo que necesitás. A mi forma de ver, jQuery es mucho más sencillo. El problema que tenías lo he solucionado en dos líneas. Acá lo podés ver funcionar:
http://jsbin.com/afuce4

Observá que no importa cuantas veces clickees mostrar, sólo se muestra una sola vez. Esto es gracias al selector de jQuery que filtra con ':visible' o ':hidden'.

Realmente espero que te sirva, lamento no poder ayudarte con SpryEffects. Un saludo.