"
Template:Team:Waterloo/JS/baseWiki
From 2014.igem.org
(Difference between revisions)
| Line 42: | Line 42: | ||
$("#"+id).attr('src', image); | $("#"+id).attr('src', image); | ||
} | } | ||
| + | |||
| + | $('ul.tabs').each(function(){ | ||
| + | // For each set of tabs, we want to keep track of | ||
| + | // which tab is active and it's associated content | ||
| + | var $active, $content, $links = $(this).find('a'); | ||
| + | |||
| + | // If the location.hash matches one of the links, use that as the active tab. | ||
| + | // If no match is found, use the first link as the initial active tab. | ||
| + | $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]); | ||
| + | $active.addClass('active'); | ||
| + | |||
| + | $content = $($active[0].hash); | ||
| + | |||
| + | // Hide the remaining content | ||
| + | $links.not($active).each(function () { | ||
| + | $(this.hash).hide(); | ||
| + | }); | ||
| + | |||
| + | // Bind the click event handler | ||
| + | $(this).on('click', 'a', function(e){ | ||
| + | // Make the old tab inactive. | ||
| + | $active.removeClass('active'); | ||
| + | $content.hide(); | ||
| + | |||
| + | // Update the variables with the new link and content | ||
| + | $active = $(this); | ||
| + | $content = $(this.hash); | ||
| + | |||
| + | // Make the tab active. | ||
| + | $active.addClass('active'); | ||
| + | $content.show(); | ||
| + | |||
| + | // Prevent the anchor's default click action | ||
| + | e.preventDefault(); | ||
| + | }); | ||
| + | }); | ||
| + | |||
</script> | </script> | ||
</html> | </html> | ||
Revision as of 22:16, 13 October 2014
