MediaWiki:Gadget-oswf-core.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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

var showText = 'Get started with this task',
hideText = 'Hide additional info',
showTitle = 'Show the guidance for this task',
hideTitle = 'Hide the guidance for this task';

function init() {
	$('.oswf-guidance').each(function(i,e){
		var $this = $(e),
		$content,
		toggleButton,
		showing = false;
		
		$content = $('<div>').append($this.contents());
		$content.hide();
		
		toggleButton = new OO.ui.ButtonWidget({
			icon: 'expand',
			title: showTitle,
			label: showText,
			flags: ['primary', 'progressive']
		});
		
		toggleButton.on('click', function(){
			showing = !showing;
			if (showing) {
				toggleButton.setIcon('collapse').setTitle(hideTitle).setLabel(hideText);
				
			} else {
				toggleButton.setIcon('expand').setTitle(showTitle).setLabel(showText);
			}
			$content.toggle();
		});
		
		$this.append(toggleButton.$element).append($content);
	});
	
}
$(init);