Posted By

chiesalo on 04/19/10


Tagged

javascript html desplegable acordeon


Versions (?)

Desplegable en acordeón para varios textos en línea


 / Published in: HTML
 

URL: http://api.jquery.com/slideDown/

Para hacer un solo desplegable, dejar solo una línea de

  1. <-- página dónde se encontró: http://api.jquery.com/slideDown/ --!>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>Ejemplo de texto en acordeón</title>
  8. div { background:#de9a44; margin:3px; width:80px;
  9. height:40px; display:none; float:left; }
  10. <script src="http://code.jquery.com/jquery-latest.js"></script>
  11. </head>
  12.  
  13.  
  14. Leer más
  15. <div></div>
  16. <div></div>
  17. <div></div>
  18. $(document.body).click(function () {
  19. if ($("div:first").is(":hidden")) {
  20. $("div").slideDown("slow");
  21. } else {
  22. $("div").hide();
  23. }
  24. });
  25.  
  26.  
  27.  
  28. </body>
  29. </html>
  30.  
  31.  
  32.  
  33. <-- cambiar todos los div por nuestro propio div, al que vayamos a aplicar esta función:
  34. div#desplegable
  35.  
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  37. <title>Ejemplo de texto en acordeón</title>
  38. div#desplegable { background:#de9a44; margin:3px; width:80px;
  39. height:40px; display:none; float:left; }
  40. <script src="http://code.jquery.com/jquery-latest.js"></script>
  41. </head>
  42.  
  43.  
  44. Leer más
  45. <div></div>
  46.  
  47. <script type="text/javascript">
  48. $(document.body).click(function () {
  49. if ($("div#desplegable:first").is(":hidden")) {
  50. $("div#desplegable").slideDown("slow");
  51. } else {
  52. $("div#desplegable").hide();
  53. }
  54. });
  55.  
  56.  
  57.  
  58. </body>
  59. </html>--!>

Report this snippet  

You need to login to post a comment.