מדיה ויקי:Gadget-foldPortalMenus.js

$( function() {
	"use strict";

	var storageKey = 'sidemenuFolded',
		storage = $.jStorage.storageAvailable(),
		heights = {},
		toggleElement = function( elem ) {
			var id = elem.closest( 'div.portal' ).attr( 'id' ),
				hide = ! elem.hasClass( 'foldmenu-folded' );
			elem.toggleClass( 'foldmenu-expanded', !hide )
				.toggleClass('foldmenu-folded', hide )
				.siblings( 'div.body' ).animate( { maxHeight: hide ? 0 : heights[id] } );
			updateState();
		},
		updateState = function() {
			if (! storage)
				return;
			var folded = [];
			$( 'div.portal h3.foldmenu-folded' ).each( function( id, item ) {
				folded.push( $( item ).closest( 'div.portal' ).attr( 'id' ) );
			});
			$.jStorage.set( storageKey, folded );
		};
		
	$( 'div.portal h3#p-navigation-label' ).toggle( true );
	$( 'div.portal div.body' ).each( function() {
		var $this = $( this ),
			id = $this.closest( 'div.portal' ).attr( 'id' ),
			height = $this.height();
		$this.css( 'max-height', $this.height() );
		heights[id] = height;
	});
	$( 'div.portal h3' )
		.addClass( 'foldmenu-expanded' )
		.prepend( $('<span>', { 'class': 'plus' } ).text( '+' ) )
		.prepend( $('<span>', { 'class': 'minus' } ).text( '-' ) )
		.click( function() { toggleElement( $(this) ) } );
	if (storage)
			$( $.jStorage.get( storageKey ) || [] ).each(function( index, item ) {
				toggleElement( $( 'div.portal#' + item ).find( 'h3:first' ) );
			});
});