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");
});
});