Tema: Menu Vertical desplegable queda abierto
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/04/2013, 15:18
Avatar de colote
colote
 
Fecha de Ingreso: julio-2008
Ubicación: Rosario - Santa Fe - Argentina
Mensajes: 729
Antigüedad: 16 años, 4 meses
Puntos: 8
Menu Vertical desplegable queda abierto
Hola Gente, el problema que tengo es que cuando carga la pagina me gustaria que todos las opciones del menu queden cerrados, ya que en la 1° opcion del menu arranca desplegado:

Este Codigo arme para el menu:
Código CSS: 
Ver original
  1. #accordion {
  2.  list-style: none;
  3.  padding: 0 0 0 0;
  4.  width: 200px;
  5.  margin: 15;
  6.  
  7.  }
  8.  
  9.  #accordion div {
  10.  display: block;
  11.  font-weight: bold;
  12.  font-size:11px;
  13.  font:bold 10px sans-serif;
  14.  color:#000000;
  15.  cursor: pointer;
  16.  padding: 10px;
  17.  margin:0;
  18.  background-color: #ffcc66;
  19.  background-position: right center;
  20.  background-repeat:no-repeat;
  21.  border-bottom: 1px solid #eff2f5;
  22. -webkit-border-radius: 5px;
  23. -moz-border-radius: 5px;
  24. border-radius: 5px;
  25.  
  26.  }
  27.  
  28.  #accordion div:hover {
  29.  background-color: #FF9933;
  30.  font-weight: bold;
  31.  cursor: auto;
  32.  padding: 10px;
  33.  font-size:11px;
  34.  color: #ffffff;
  35.  display:block;
  36.  font-size:12px;
  37. -webkit-border-radius: 5px;
  38. -moz-border-radius: 5px;
  39. border-radius: 5px;
  40.  
  41.  }
  42.  
  43.  
  44.  #accordion ul {
  45.  list-style-type: none;
  46.  display: none;
  47.  background: #999999;
  48. -webkit-border-radius: 5px;
  49. -moz-border-radius: 5px;
  50. border-radius: 5px;
  51.  
  52.  }
  53.  
  54.  #accordion ul li {
  55.  background: #999999;
  56.  font-weight: normal;
  57.  cursor: auto;
  58.  padding: 10px;
  59.  width: 140px;
  60.  height: 15px;
  61.  color: #375d84;
  62.  display:block;
  63.  font:11px sans-serif;
  64. -webkit-border-radius: 5px;
  65. -moz-border-radius: 5px;
  66. border-radius: 5px;
  67.  
  68.  }
  69.  
  70.  
  71.  #accordion ul li:hover {
  72.  
  73.  background-color: #ffcc55;
  74.  cursor: auto;
  75.  padding: 10px;
  76.  font:11px;
  77.  font-weight: bold;
  78.  color: #375d84;
  79.  display:block;
  80. -webkit-border-radius: 5px;
  81. -moz-border-radius: 5px;
  82. border-radius: 5px;
  83.  
  84.  }
  85.  #accordion a {
  86.  text-decoration: none;
  87.  color: #000000;
  88.  }
  89.  
  90.   #accordion a:hover{
  91.  text-decoration: none;
  92.   font-weight: bold;
  93.  color: #ffffff;
  94.  }

Y asi muestro el mnu:
Código HTML: 
Ver original
  1. <li><div><a href="index.php">:: HOME</a></div>
  2.             <ul>
  3.             <li><a href="compras.php">COMPRAS</a></li>
  4.         </ul>
  5.     
  6.     </li>
  7.     
  8.  
  9.     <li><div>:: ELECTRONICA</div>
  10.         <ul>
  11.             <li><a href="electronica.php">ELECTRO</a></li>
  12.             <li><a href="parlantes.php">PARLANTES</a></li>
  13.             <li><a href="auriculares.php">AURICULARES</a></li>          
  14.         </ul>
  15.     </li>
  16.  
  17.     <li><div><a href="informatica.php">:: INFORMATICA</a></div></li>
  18.  
  19.  
  20.  
  21.     <li><div>:: CELULARES</div>
  22.             <ul>
  23.             <li><a href="celulares.php">EQUIPOS</a></li>
  24.             <li><a href="accesorios.php">ACCESORIOS</a></li>            
  25.         </ul>
  26.     </li>

asi es como aparece cuando carga la pagina:

HOME
-----COMPRAS (Esto es lo que no quiero que se vea cuando carga la pagina)
ELECTRONICA
INFORMATICA
CELULARES


Y lo correcto seria asi:
HOME
ELECTRONICA
INFORMATICA
CELULARES


Gracias de antemano.

Saludos, Ricardo.
__________________
Mail: [email protected]