Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/javascript">
- jQuery( function($){
- //Default Action
- $(".tab_content").hide(); //Hide all content
- $("ul.tabs li:first").addClass("active").show(); //Activate first tab
- $(".tab_content:first").show(); //Show first tab content
- //On Click Event
- $("ul.tabs li").click(function() {
- $("ul.tabs li").removeClass("active"); //Remove any "active" class
- $(this).addClass("active"); //Add "active" class to selected tab
- $(".tab_content").hide(); //Hide all tab content
- var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
- $(activeTab).fadeIn(); //Fade in the active content
- return false;
- });
- //via url hash
- var url = document.location.toString();
- if (url.match('#')) { // the URL contains an anchor
- // click the navigation item corresponding to the anchor
- var myAnchor = '#' + url.split('#')[1];
- $('ul.tabs li a[href="' + myAnchor + '"]').parent().click();
- }
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment