User:Canadabonk/spoiler.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.

$(document).ready(function(){

    $('#spoilerbtn').text('Show all spoilers');
	
    //spoiler block behavior
	$('.spoiler').click(function(){
		$(this).toggleClass('off');
	});

	// spoiler button behavior
	$('#spoilerbtn').click(function(){
		$(this).toggleClass('hide');
		$('.spoiler').toggleClass('showall');
		
		if (this.classList.contains('hide')){
			$(this).text('Hide all spoilers');
		} else {
			$(this).text('Show all spoilers');
		}
	});
	
});