Saves toggle state in localStorage and restores on next page load. Note this does not allow some plugins to calculate positions and dimensions of elements in the hidden area.

toggle-demo.html

<a data-toggle=".demo-layout .demo-target" href="#">[-]</a>

<div class="demo-layout">
  <div class="demo-target">
    <p>Content hidden or displayed</p>
  </div>
</div>

toggle.js

// support [-] and [+] toggle
$('a[data-toggle]')
	.on('click', function(e) {
		e.preventDefault();
		var targetSelector = $(this).attr('data-toggle');
		var $target = $(targetSelector);
		if ($target.length) {
			$target.toggle();
			$(this).trigger('after-toggle');
		}
	})
	.on('after-toggle', function() {
		var targetSelector = $(this).attr('data-toggle');
		var $target = $(targetSelector);
		$(this).text('[' + ($target.is(':visible') ? '-' : '+') + ']');
		if ($target.length && window.localStorage && window.localStorage.setItem) {
			// save toggle state
			window.localStorage.setItem(targetSelector, $target.is(':visible') ? 'visible' : 'hidden');
		}
	})
	.each(function() {
		var targetSelector = $(this).attr('data-toggle');
		var $target = $(targetSelector);
		if ($target.length && window.localStorage && window.localStorage.getItem) {
			// restore saved toggle state
			switch (window.localStorage.getItem(targetSelector)) {
				case 'visible':
					$target.show();
					break;
				case 'hidden':
					$target.hide();
					break;
			}
			$(this).trigger('after-toggle');
		}
	});