Hola señores
Recientemente comence a trastear con CSS y algo de JavaScript y por el momento no me va tan mal. Para mi blog personal necesitaba mostrar contenido con efectos de pestañas tal como "The CrunchBoard" en esta pagina.
Como no supe lograr ese efecto por no manejar bien JavaScript, localice uno muy bueno denominado Yetii, pero aun no me resultaba suficiente por lo pesado del archivo para mi gusto (8kb). Trate de hacer mi propia funcion en JS basado en mi manejo de AS2 y la mucha ayuda de la informacion en W3schools.
Finalmente logre hacer mi propia funcion, aplicable a multiples objetos en una sola pagina, tal como hago habitualmente con AS2. Lo pueden ver aqui.
Aunque hace el trabajo que debe hacer, encontre dos problemas que no he sabido solucionar:
1) Al cargar la pagina me muestra todos los divs con el contenido de cada pestaña, cuando deberia esconder todos menos el primero que tengo asignado. Luego de elegir una pestaña, ya funciona como necesito.
2) Todos los div's del contenido no se ponen justo debajo de las pestañas como deberia ser y en su lugar aparentan "volar".
Para inicializar el script quiero dejar claro que uso lo siguiente: bot (arTbs[0],arBxs[0]);. Esa parte se encuentra al final del JS.
En mi muestra esta contenido todo, tanto los CSS como el JS. Lo pongo para ver si me sugieren alguna solucion. Si tienen algun cuestionamiento extra, por favor dejenmelo saber.
Cualquier idea sera muy agradecida por mi.