MediaWiki:Gadget-oswf-core.js

< Gadgets-definition

After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.

In most Windows and Linux browsers: Hold down Ctrl and press F5.
In Safari: Hold down ⇧ Shift and click the Reload button.
In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.

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