This stuff is created by Prashank @ http://www.boonex.com/Prashank25
Use it well :)

Js Code to put in _footer.html before closing </body> tag
--------------------------------------------------------------------------------------------
<script type="text/javascript">
	function getCookie(name) {
		var i, x, y, ARRcookies = document.cookie.split(";");
		for (i = 0; i < ARRcookies.length; i++) {
			x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
			y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
			x = x.replace(/^\s+|\s+$/g, "");
			if (x == name) {
				return unescape(y);
			}
		}
	}
	function setCookie(name, value) {
		var date = new Date();
		var days = '365';
		date.setDate(date.getDate() + days);
		var value = escape(value)
				+ ((days == null) ? "" : "; expires=" + date.toUTCString());
		document.cookie = name + "=" + value;
	}
	$(document).ready(function() {
		firstDiv = $('.page_column:eq(0)');
		secondDiv = $('.page_column:eq(1)');
		lastDiv = $('.page_column:eq(2)');
		firstDivWidth = firstDiv.width();
		lastDivWidth = lastDiv.width();
		if (getCookie('first-column') == 'close') {
			firstDiv.width('0');
			secondDiv.width(secondDiv.width() + firstDivWidth);
		}
		if (getCookie('last-column') == 'close') {
			lastDiv.width('0');
			secondDiv.width(secondDiv.width() + lastDivWidth);
		}
		if (getCookie('last-column') == 'close') {
			lastDiv.width('0');
		}
		$('#hide_left').click(function() {
			if (firstDiv.width() == '0') {
				firstDiv.animate({
					width : firstDivWidth
				}, {
					duration : 1000,
					queue : false
				});
				secondDiv.animate({
					width : secondDiv.width() - firstDivWidth
				}, {
					duration : 1000,
					queue : false
				});
				setCookie('first-column', 'open');
			} else {
				firstDiv.animate({
					width : '0px'
				}, {
					duration : 1000,
					queue : false
				});
				secondDiv.animate({
					width : secondDiv.width() + firstDivWidth
				}, {
					duration : 1000,
					queue : false
				});
				setCookie('first-column', 'close');
			}
		});
		$('#hide_right').click(function() {
			if (lastDiv.width() == '0') {
				lastDiv.animate({
					width : firstDivWidth
				}, {
					duration : 1000,
					queue : false
				});
				secondDiv.animate({
					width : secondDiv.width() - lastDivWidth
				}, {
					duration : 1000,
					queue : false
				});
				setCookie('last-column', 'open');
			} else {
				lastDiv.animate({
					width : '0px'
				}, {
					duration : 1000,
					queue : false
				});
				secondDiv.animate({
					width : secondDiv.width() + lastDivWidth
				}, {
					duration : 1000,
					queue : false
				});
				setCookie('last-column', 'close');
			}
		});
	});
</script>

----------xxxxxxxx----------------xxxxxxx------------------xxxxxxx------------------------------

Add 2 elements, it can be buttons or anything you want, with an id as follows
left_hide
right_hide

examples.
Buttons
<button id="hide_left">Hide/Show Left</button>
<button id="right_left">Hide/Show Right</button>
or
Images
<img src="yourimage.png" id="hide_left" />
<img src="yourimage.png" id="hide_right" />
or
Links
<a href="javascript:void(0);" id="hide_left">Toggle Left</a>
<a href="javascript:void(0);" id="hide_right">Toggle Right</a>
etc etc....

Good Luck :D