タブの基本機能を提供するjQueryスクリプトは軽量で非常に柔軟です。 また、スクリプトには表現（デザイン）を含めないでください。また、DOMは有効である必要があります。 DOMには架空の属性はありません。
( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);( function ($) { var Flexitabs = function (options) { this .defaults = { //CSS-selectors of target elements in DOM for unobtrusive attaching containerSelector: '.flexitabs' , tabSelector: '.tab' , contentSelector: '.content' , //CSS classes for indicate active and inactive tabs and contents of tabs activeLinkClass: 'active' , //also class for marking initial active tab in your HTML inactiveLinkClass: 'inactive' } this .initialize = function () { var flexitabs_object = this ; $( this .containerSelector).each( function () { var storage = {}; storage. object = this ; //finding tabs and it's contents in DOM storage.tabs = $.grep($( this ).find(flexitabs_object.tabSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); storage.contents = $.grep($( this ).find(flexitabs_object.contentSelector), function (tab) { if ($(tab).parents(flexitabs_object.containerSelector)[0] == storage. object ) return true ; }); if (storage.tabs.length <= storage.contents.length) { //avoiding nonfunctional tabs var active = 0; var container = $( this ); $(storage.tabs).each( function (i) { //initializing storage for tabs and contents var tab_storage = {}; var content_storage = {}; tab_storage. object = content_storage. object = container; tab_storage.index = content_storage.index = i; //bind click handler to tabs $( this ).click( function () { flexitabs_object.activate( this ); }); //preselecting active tab from DOM if ($( this ).hasClass(flexitabs_object.activeLinkClass)) active = i; //storing data in jQuery data-storages, assigned to DOM-elements $(storage.tabs[i]).data( 'Flexitabs' , tab_storage); $(storage.contents[i]).data( 'Flexitabs' , content_storage); }); storage.active = active; container.data( 'Flexitabs' , storage); //storing whole tabulator data in container storage flexitabs_object.activate(storage.tabs[active]); //initial tab activation } }); } this .activate = function (tab) { var index = $(tab).data( 'Flexitabs' ).index; var storage = $(tab).data( 'Flexitabs' ). object ; var tabs_storage = $(storage).data( 'Flexitabs' ).tabs; var contents_storage = $(storage).data( 'Flexitabs' ).contents; //deactivation of all tabs and contents $(tabs_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); $(contents_storage).removeClass( this .activeLinkClass).addClass( this .inactiveLinkClass); //activation of current clicked tab $(tab).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); $(contents_storage[index]).removeClass( this .inactiveLinkClass).addClass( this .activeLinkClass); storage.active = index; } $.extend( this , this .defaults, options); this .initialize(); }; $( function () { new Flexitabs(); }) })(jQuery);
スクリプトは非破壊的で、いわゆる 目立たない。 CSSセレクターでDOMにしがみついています。 作成するときに、オプションを使用してJSONを渡すことができるため、デフォルトのセレクターをオーバーライドできます。 柔軟性は、さまざまなオプションを使用してページ上に任意の数のFlexitabs「クラス」オブジェクトを作成することです。
jQueryを接続した後、ヘッドのスクリプトを接続するだけで十分です。 そして、以下のレイアウトはよりシンプルなHTMLの例です。
- < div class = "flexitabs" >
- < div class = "tabs" >
- < div class = "tab" > Tab1 </ div >
- < div class = "tab" > Tab2 </ div >
- < div class = "tab" > Tab3 </ div >
- </ div >
- < div class = "contents" >
- < div class = "content" > Content1 </ div >
- < div class = "content" > Content2 </ div >
- < div class = "content" > Content3 </ div >
- </ div >
- </ div >
この例は意味的にはより正確ですが、レイアウトはより困難です：
- < スクリプト タイプ = "text / javascript" >
- $（ 関数 （）{
- 新しい Flexitabs（{
- tabSelector： 'dt' 、
- contentSelector： 'dd' 、
- }）;
- }）;
- </ スクリプト >
- < dl class = "flexitabs" >
- < dt > Tab1 </ dt >
- < dd > Content1 </ dd >
- < dt > Tab2 </ dt >
- < dd > Content2 </ dd >
- < dt > Tab3 </ dt >
- < dd > Content3 </ dd >
- </ dl >
CSSに最低限必要なのは、ディスプレイを記述することです。タブコンテンツのあるブロックには何もありません。「非アクティブ」クラスがあります。
UPD 1.1：ネストされたタブのサポートが追加されました-HTMLはまったく同じで、機能はありません。機能します:)すぐに例があります...ホスティングの問題を解決する方法。