MediaWiki:Gadget-Tabs.js
From DM Live - the Depeche Mode live encyclopedia for the masses
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Simple but flexible javascript tabs v0.3 Author: Abdullah A. Abduldayem Contact: http://www.zeldawiki.org/User:Abdullah See http://www.zeldawiki.org/MediaWiki_talk:Tabs.js for examples and documentation */ $(document).ready(function(){ // When a tab is clicked $(".tab").click(function () { var $siblings= $(this).parent().children(); var $alltabs = $(this).closest(".tabcontainer"); var $content = $alltabs.parent().children(".tabcontents"); // switch all tabs off $siblings.removeClass("active"); $content.children().removeClass("content--active"); // switch this tab on $(this).addClass("active"); var index = $siblings.index(this); $content.children().eq(index).addClass("content--active"); }); });