On Friday, April 19, 2024 at 10:00 PM New York time, all OpenWiki Project sites will be undergoing scheduled maintenance for about 2 hours. Expect read-only access and brief periods of downtime.
MediaWiki:Tabs.js: Difference between revisions
From Fire Emblem Wiki, your source on Fire Emblem information. By fans, for fans.
m (http://zeldawiki.org/index.php?title=MediaWiki:Tabs.js&direction=prev&oldid=309918) |
No edit summary |
||
Line 15: | Line 15: | ||
// switch all tabs off | // switch all tabs off | ||
$siblings.removeClass(" | $siblings.removeClass("tabselected"); | ||
// switch this tab on | // switch this tab on | ||
$(this).addClass(" | $(this).addClass("tabselected"); | ||
// hide all content | // hide all content |
Revision as of 22:12, 3 May 2014
/*
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("tabselected");
// switch this tab on
$(this).addClass("tabselected");
// hide all content
$content.children(".content").css("display","none");
// show content corresponding to the tab
var index = $siblings.index(this);
$content.children().eq(index).css("display","block");
});
});