Realizar un efecto de pestañas dinamicas

[onatsu]

Buenas a todos necesito saber como podria realizar un efecto en el que hubieran varias pestañas en vertical y al pasar el raton por encima se ocultaran unas y aparecieran otras.

aqui podeis ver un ejemplo de lo que necesito.

http://www.apple.com/es/mac/

en el lateral derecho donde pone las mejores descargas / los mejores widgets / novedades.

Saludos y gracias por adelantado

[popobcn]

Buenas,

Aqui encontrarás un script completito para hacer exactamente lo que deseeas. Tan solo has de adaptar el mismo con tu hoja de estilos personalizada...

http://www.dynamicdrive.com/dynamici...daccordion.htm

Saludos

[popobcn]

... Una puntualización más, aprovechando el código al que hago referencia... Para conseguir el mismo efecto que en la página de tu ejemplo, tan solo tendrias que cambiar el código de los enlaces de esto

Código PHP:

  <a href="#" onClick="ddaccordion.expandone('mypets', 0); return false">Expand 1st header</a> | <a href="#" onClick="ddaccordion.collapseone('mypets', 0); return false">Collapse 1st header</a> | <a href="#" onClick="ddaccordion.toggleone('mypets', 1); return false">Toggle 2nd header</a> 
   

a esto

Código PHP:

  <a href="#" [B]onMouseOver[/B]="ddaccordion.expandone('mypets', 0); return false">Expand 1st header</a> | <a href="#" onClick="ddaccordion.collapseone('mypets', 0); return false">Collapse 1st header</a> | <a href="#" [B]onMouseOver[/B]="ddaccordion.toggleone('mypets', 1); return false">Toggle 2nd header</a> 
   

Con el fin de que cuando pases el puntero del raton sobre la opción/enlace se abra inmediatamente el div con el contenido.

Saludos

[onatsu]

Muchísimas gracias por la información, por la variación del código y sobretodo por la velocidad de respuesta, muy agradecido.

[GatorV]

Tema trasladado a Javascript.

Por favor publica en los foros correctos.