MediaWiki:CharacterTable.js

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.

$( document ).ready(function() {
	$(".charactertable-controls > .controls > span").on("click", function(){characterTableToggle($(this));});
});

function characterTableToggle (toggleItem){
	//console.log('toggling '+toggleItem.attr('data-toggle'));
	toggleItem = (typeof toggleItem !== 'undefined') ? toggleItem : false; //default false, ES5 does not support function defaults

	if (toggleItem) {
		if (toggleItem.hasClass("inactive")) {
			toggleItem.addClass('active').removeClass('inactive');
			toggleState = true;
		}
		else {
			toggleItem.addClass('inactive').removeClass('active');
			toggleState = false;
		}

		$(".charactertable tr."+toggleItem.attr('data-toggle')).each(function (element){
			(toggleState) ? $(this).addClass('visible').removeClass('hidden') : $(this).addClass('hidden').removeClass('visible');
		});

	}
}