Posted By

Piotrek290 on 12/11/09


Tagged

tabs vertical SoQ


Versions (?)

SoQ (v. 1.8.2) vertical tabs


 / Published in: JavaScript
 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Horizontal Slide Menu</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css" />
  7. <script type="text/javascript" src="js/soq.js"></script>
  8. <script type="text/javascript" src="js/drag.js"></script>
  9. <script type="text/javascript">
  10. $(function(){
  11. $.accordion = function(a1, a2){
  12. var opcions = a2||{
  13. start : 0,
  14. active : "active",
  15. action : "click"
  16. };
  17.  
  18. $(a1).on(opcions.action, function(){
  19. $(a1).select(this, function(){
  20. this.addClass(opcions.active).find('p').show();
  21. }, function(){
  22. this.removeClass(opcions.active).find('p').hide();
  23. });
  24. }).eq(opcions.start).addClass(opcions.active);
  25. };
  26.  
  27. $.accordion("ul.accordion li", {
  28. start : 1,
  29. active : "active",
  30. action : "click"
  31. });
  32. });
  33. </script>
  34. </head>
  35. <body>
  36.  
  37. <div class="container">
  38. <ul class="accordion">
  39. <li>
  40. <h4>O mnie</h4>
  41. <p>Nazywam si� Piotr Filipek i mieszkam w Piotrkowie Trybunalskim. Oprócz zajmowaniem si� komputerami lubi� także jeździ� na rowerze czy też p�ywa� na basenie.</p>
  42. </li>
  43. <li>
  44. <h4>Portfolio</h4>
  45. <p>Zapraszam za kilka dni.</p>
  46. </li>
  47. <li>
  48. <h4>Projekty</h4>
  49. <p>Zapraszam za kilka dni.</p>
  50. </li>
  51. <li>
  52. <h4>Kontakt</h4>
  53. <p>Zapraszam za kilka dni.</p>
  54. </li>
  55. </ul>
  56. </div>
  57.  
  58. </body>
  59. </html>

Report this snippet  

You need to login to post a comment.