Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/04/2013, 05:32
wolflone1983
 
Fecha de Ingreso: abril-2013
Mensajes: 6
Antigüedad: 11 años, 10 meses
Puntos: 0
problema codigo para ocultar div

Hola mi problema es que tengo un div cmenu que contiene un div menuoculto, otro div menuoculto2 y otro div menu,lo quiero es que al inicir la web solo se vea el div menuoculto pegado al margen izquierda al pinclarle se desplace cmenu a la derecha quedando visible y al dar a menuoculto2 cmenu vuelva a la posicion original

pongo el codigo

en el html:
Código HTML:
Ver original
  1. dentro de head
  2. <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
  3. <script type="text/javascript" src="../js/menu.js"></script>
  4. <div id="conmenu" class="cmenu">
  5. <a id="abrir" href="javascript:;" class="menuoculto"></a>
  6. <a id="cerrar" href="javascript:;"  class="menuoculto2" style="display:none;"></a>
  7. <div class="menu"></div>
  8. </div>

en en css:
Código CSS:
Ver original
  1. .cmenu
  2. {
  3.     height: 300px;
  4.     width: 155px;
  5.     position: absolute;
  6.     top: 171px;
  7.     bottom: 40px;
  8.     left: -3px;
  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. }
  21. .menuoculto2
  22. {
  23.     height: 82px;
  24.     width: 28px;
  25.     background-image: url(../imagenes/Menutrasparanteoculto.png);
  26.     background-repeat: no-repeat;
  27.     cursor: pointer;
  28.     position: absolute;
  29.     left: 117px;
  30.     top: 21px;
  31. }
  32. .menu
  33. {
  34.     height: 300px;
  35.     width: 127px;
  36.     top: 0px;
  37.     bottom: 40px;
  38.     background-image: url(../imagenes/Menutrasparante.png);
  39.     background-repeat: no-repeat;
  40.     left: 2px;
  41.     position: absolute;
  42.    
  43. }

Código Javascript:
Ver original
  1. y en el archivo menu.js con jquery:
  2. jQuery('#abrir').click(function() {
  3.     jQuery('#conmenu').animate({ 'marginLeft' : "-=85px" });
  4.     document.getElementById('cerrar').style.display='block';
  5.     document.getElementById('abrir').style.display='none';
  6. });    
  7. jQuery('#cerrar').click(function() {
  8.     jQuery('#conmenu').animate({ 'marginLeft' : "+=85px" });
  9.     document.getElementById('abrir').style.display='none';
  10.     document.getElementById('cerrar').style.display='block';
  11. });

por mas que lo intento no consigo que funcione haber sime podeis hechar una mano

Última edición por wolflone1983; 23/04/2013 a las 13:56 Razón: codigo