"
Team:Uppsala/Templates/TselectTier2
From 2014.igem.org
(Difference between revisions)
| Line 18: | Line 18: | ||
<div id="tab4">Four - content</div> | <div id="tab4">Four - content</div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <script> | ||
| + | |||
| + | $(document).ready(function() { | ||
| + | $("#section_selector div").hide(); // Initially hide all content | ||
| + | $("#tabs li:first").attr("id","current"); // Activate first tab | ||
| + | $("#section_selector div:first").fadeIn(); // Show first tab content | ||
| + | |||
| + | $('#tabs a').click(function(e) { | ||
| + | e.preventDefault(); | ||
| + | $("#section_selector div").hide(); //Hide all content | ||
| + | $("#tabs li").attr("id",""); //Reset id's | ||
| + | $(this).parent().attr("id","current"); // Activate this | ||
| + | $('#' + $(this).attr('title')).fadeIn(); // Show content for current tab | ||
| + | }); | ||
| + | })(); | ||
| + | |||
| + | </script> | ||
</div> | </div> | ||
</html> | </html> | ||
Revision as of 12:12, 16 July 2014
One - content
Two - content
Three - content
Four - content
