Tema: Acordeón JQuery
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/02/2015, 12:56
diegoguerrero
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid
Mensajes: 274
Antigüedad: 9 años, 10 meses
Puntos: 5
Respuesta: Acordeón JQuery
Código HTML: 
Ver original
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Dpto. de Ciencias Sociales</title>
  6. <link href="jquery/jquery-ui.css" rel="stylesheet" type="text/css">
  7. <script src="http://code.jquery.com/jquery-1.10.1.js"></script>
  8. <script src="jquery/jquery-ui.js"></script>
  9. <script>
  10.   $(function() {
  11.     $( "#cursos" ).accordion({
  12.       collapsible: true,
  13.       heightStyle: "content"
  14.     });
  15.   });
  16. </script>
  17. </head>
  18. <body>
  19. <table border="0" bgcolor="#FFFFFF" bordercolor="#FFFFFF" align="center" width="100%">
  20. <tr>
  21. <td width="10%" align="center" valign="middle"><a href="javascript:window.history.back();"><div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:20px">Volver</font></p></div></a></td>
  22. <td width="90%" align="center" valign="middle"><div id="caja-ccss"><p align="center"><font id="h1-ccss">Departamento de Ciencias Sociales</font></p></div></td></tr></table>
  23. <div id="h2-caja"><h2 id="h2" style="color:#F39909">Cursos</h2></div>
  24. <table width="90%" border="0" align="center">
  25. <tr>
  26. <td width="90%" align="center" valign="middle">
  27. <div id="cursos">
  28. <h3>1<sup>er</sup> ciclo ESO</h3>
  29. <div>
  30. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Ciencias Sociales – 1<sup>o</sup> Secundaria</font></p></div>
  31. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Ciencias Sociales – 2<sup>o</sup> Secundaria</font></p></div>
  32. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Ed. Para la Ciudadanía – 2<sup>o</sup> Secundaria</font></p></div>
  33. </div>
  34. <h3>2<sup>o</sup> ciclo ESO</h3>
  35. <div>
  36. <a href="cursos/3eso/ccss.html"><div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Ciencias Sociales – 3<sup>o</sup> Secundaria</font></p></div></a>
  37. <a href="cursos/3eso/cul.html"><div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Cultura Clásica – 3<sup>o</sup> y 4<sup>o</sup> Secundaria</font></p></div></a>
  38. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Ciencias Sociales – 4<sup>o</sup> Secundaria</font></p></div>
  39. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Educación Ético-Cívica – 4<sup>o</sup> Secundaria</font></p></div>
  40. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Iniciativa Emprendedora – 4<sup>o</sup> Secundaria</font></p></div>
  41. </div>
  42. <h3>2<sup>o</sup> ciclo de ESO (Diversificación)</h3>
  43. <div>
  44. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Ámbito Socio-Lingüístico – 3<sup>o</sup> Secundaria</font></p></div>
  45. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Ámbito Socio-Lingüístico – 4<sup>o</sup> Secundaria</font></p></div>
  46. </div>
  47. <h3>1<sup>o</sup> Bachillerato</h3>
  48. <div>
  49. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Historia del Mundo Contemporáneo – 1<sup>o</sup> Bachillerato</font></p></div>
  50. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Economía (I) – 1<sup>o</sup> Bachillerato</font></p></div></div>
  51. <h3>2<sup>o</sup> Bachillerato</h3>
  52. <div>
  53. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Historia de España – 2<sup>o</sup> Bachillerato</font></p></div>
  54. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Historia del Arte – 2<sup>o</sup> Bachillerato</font></p></div>
  55. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Economía (II) – 2<sup>o</sup> Bachillerato</font></p></div>
  56. <div id="caja-ccss"><p align="center"><font id="h2-ccss" style="font-size:18px">Geografía – 2<sup>o</sup> Bachillerato</font></p></div>
  57. </div></div></td></tr></table>
  58. </body>
  59. </html>