advanced code snippet search

Posted By

Piotrek290 on 12/11/09


Tagged

tabs vertical SoQ


Versions (?)

SoQ (v. 1.8.2) vertical tabs

 / Published in: JavaScript
 
Expand | Embed | Plain Text 
  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.