Advertisement
Stammi

Grape - Tabs opened on page-load - new

Nov 12th, 2011
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. (function($){
  2.     $.fn.createTabs = function(){
  3.         var container = $(this);
  4.        
  5.         container.find('.tab-content').hide();
  6.        
  7.         var tab_nr = 0;
  8.        
  9.         if (window.location.hash.indexOf('#tab') == 0) {
  10.             var hash = window.location.hash.substr(1);
  11.             if (typeof hash == 'number') {
  12.                 var tmp = parseInt(window.location.hash.substr(1));
  13.                 if (tmp > 0 && tmp < container.find('.tab-content').size()) {
  14.                     tab_nr = tmp - 1;
  15.                 }          
  16.             } else {
  17.                 var tab_name = container.find('#' + hash + '.tab-content');
  18.                 if (tab_name.size() && tab_name.not(':visible')) {
  19.                     tab_nr = tab_name.index();
  20.                 }
  21.             }
  22.         }
  23.        
  24.         container.find("ul.tabs li").eq(tab_nr).addClass("active").show();
  25.         container.find(".tab-content").eq(tab_nr).show();
  26.        
  27.         container.find("ul.tabs li").click(function() {
  28.    
  29.             container.find("ul.tabs li").removeClass("active");
  30.             $(this).addClass("active");
  31.             container.find(".tab-content").hide();
  32.    
  33.             var activeTab = $(this).find("a").attr("href");
  34.             $(activeTab).fadeIn();
  35.             return false;
  36.         });
  37.        
  38.     };
  39. })(jQuery);
  40.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement