Ver Mensaje Individual
  #5 (permalink)  
Antiguo 25/04/2013, 05:40
wolflone1983
 
Fecha de Ingreso: abril-2013
Mensajes: 6
Antigüedad: 11 años
Puntos: 0
Respuesta: Mover div izquierda derecha con un boton + jquery

perdon te pongo como tengo el html y el css haber si asi puedes ehcarme una mano que me esta volviendo loco,jejeje
html:
Código HTML:
Ver original
  1. <div class="ctexto"></div>
  2. <div id="conmenu" class="cmenu">
  3. <div id="abrir" class="menuoculto"></div>
  4. <div class="menu"></div>
  5. </div>

css:
Código CSS:
Ver original
  1. .cmenu
  2. {
  3.     height: 300px;
  4.     width: 155px;
  5.     position: absolute;
  6.     top: 178px;
  7.     bottom: 40px;
  8.     left: -124px;
  9. }
  10. .menuoculto
  11. {
  12.     height: 82px;
  13.     width: 28px;
  14.     background-image: url(../imagenes/Menutrasparanteoculto.png);
  15.     background-repeat: no-repeat;
  16.     cursor: pointer;
  17.     position: absolute;
  18.     left: 117px;
  19.     top: 21px;
  20.     -webkit-transition: all;
  21.     -moz-transition: all;
  22.     -ms-transition: all;
  23.     -o-transition: all;
  24.     transition: all;
  25.    
  26. }
  27. .menu
  28. {
  29.     height: 300px;
  30.     width: 127px;
  31.     top: 1px;
  32.     bottom: 40px;
  33.     background-image: url(../imagenes/Menutrasparante.png);
  34.     background-repeat: no-repeat;
  35.     left: 0px;
  36.     position: absolute;
  37.    
  38. }

en el jquery tengo esto
Código Javascript:
Ver original
  1. $(document).ready(function ()
  2. {
  3.  
  4.  
  5.   $('#abrir').click(function()
  6.     {
  7.                 $(".cmenu").animate({"left": "-124px"}, "slow");
  8.     },
  9.             function()
  10.             {
  11.                 $(".cmenu").animate({"left": "0px"}, "slow");
  12.             }
  13.         );
  14.        
  15.        
  16.          
  17.      
  18. });

lo he intentado poniendo el el jquery esto:
Código Javascript:
Ver original
  1. $(document).ready(function ()
  2. {
  3.  
  4.  
  5.   $('#abrir').click(function()
  6.     {
  7.                 $(".cmenu").animate({"left": "-124px"}, "slow");
  8.     },
  9.             function()
  10.             {
  11.                 $(".cmenu").animate({"left": "0px"}, "slow");
  12.             }
  13.         );
  14.     $('#abrir').click(function()
  15.     {
  16.                 $(".cmenu").animate({"left": "0px"}, "slow");
  17.     },
  18.             function()
  19.             {
  20.                 $(".cmenu").animate({"left": "-124px"}, "slow");
  21.             }
  22.         );
  23.        
  24.        
  25.          
  26.      
  27. });

pero sale y se guarda solo