[Dave Strider]

Originally Posted by greigeh

Here is something what you're looking for, I use this on my forum as an alternative to the confusing templates that is used within vB3. You can alter this to suit your needs

$(document).ready(function() {
// LEFT COLUMN:
	// When the collapse button is clicked:
	$('.collapseLeft_20').click(function() {
		$('.collapseLeft_20').css("display","none");
		$('.expandLeft_20').css("display","block");
		$('#leftCol_20').css("display","none");
		$.cookie('leftCol_20', 'collapsed');
	});
	// When the expand button is clicked:
	$('.expandLeft_20').click(function() {
		$('.expandLeft_20').css("display","none");
		$('.collapseLeft_20').css("display","block");
		$('#leftCol_20').css("display","block");
		$.cookie('leftCol_20', 'expanded');
	});
// COOKIES
	// Left column state
	var leftCol_20 = $.cookie('leftCol_20');
	// Set the user's selection for the left column
	if (leftCol_20 == 'collapsed') {
		$('.collapseLeft_20').css("display","none");
		$('.expandLeft_20').css("display","block");
		$('#leftCol_20').css("display","none");
	};
});

It still appears when going to a new page even if it was hidden on the previous one.