CSS

#categoryfilters h3 {
    display: none;
}
#categoryfiltersContent {
	margin-top: -1px;	
}

#categoryfiltersContent .refine-by {
	margin-right: -3px;
	width: 145px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	vertical-align:middle;
	border-left: 1px solid #bdb7b2;
	border-top: 1px solid #bdb7b2;
	font-size: 14px;
	font-weight: bold;
	color: #545750;
	float: left;	
}

#categoryfiltersContent .clear-search {
	display: inline-block;
	border: 1px solid #bdb7b2;
	width: 101px;
	height: 51px;
}

#categoryfiltersContent .clear-search input {
	-webkit-box-shadow : 0px 0px 0px;
	-moz-box-shadow : 0px 0px 0px;
	box-shadow : 0px 0px 0px;
	border: 0;
	width: 101px;
	height: 51px;
	font-size: 14px;
	text-align: center;
	font-color: #545750;
	color: #545750;
	background-color:#ffffff;
	padding: 0;
	margin: 0;
}

#categoryfiltersContent .clear-search input:hover {
	color: #545750;
	background-color: #f1f1f1;
	cursor: pointer;
}

#categoryfiltersContent .clear-search input:active {
	color: #545750;
	background-color: #f3f3f3;
}

#categoryfiltersContent .category-title {
	font-size:15px;
	float:left;
	margin:0px;
	padding:4px 0px 0px 8px;
}

#categoryfiltersContent .checkbox {
	float:left;
	margin:0px;
	padding:4px 0 4px 6px;
}

.clearBoth {
	clear:both;
}

.sideBoxContentWrapper {
	padding-top:34px;
	border-left: 1px solid #bdb7b2;
	border-right: 1px solid #bdb7b2;
	border-bottom: 1px solid #bdb7b2;
	margin-top: -1px;
	width: 245px;
}

.sideBoxContent {
	background-color:#ffffff;
	color: #545750;
	padding: 4px 5px 32px 5px;
}

.leftBoxHeading {
	font-size: 14px;
	color: #545750;
	background-color:#ffffff;
	margin: 0 15px 8px 15px !important;
	padding-bottom: 11px;
	text-align: left !important;
	border-bottom: 1px solid #bdb7b2;
	font-weight:bold;
}

.leftBoxHeading a {
	text-decoration: none;
	color: #545750;
}

.leftBoxHeading span {
	dispaly: inline-block;
	float: right;
}

HTML

<div class="leftBoxContainer" id="categoryfilters" style="width: 262px">
<h3 class="leftBoxHeading" id="categoryfiltersHeading"></h3>
<script type="text/javascript">
  function hideFiltersBox(filter)
  {
    //$('#category_filters_form').hide();
    //filter.form.submit();
  }
  </script>
 <div id="categoryfiltersContent">
 <form name="category_filters_form_reset" action="http://justminiatures.net/premier-drinks-global-ltd-top-100-best-buys-c-146.html" method="post">
 <input type="hidden" name="securityToken" value="0c15b6960c32e2482eb33a1a7052cc71" />
 <div class="refine-by">Refine by</div>
 <div class="clear-search">
 <input type="submit" name="filterSubmitPost" value="Clear All" />
 </form>
 </div>
 <div class="sideBoxContentWrapper">
 <form name="category_filters_form" action="premier-drinks-global-ltd-top-100-best-buys-c-146.html" method="post" id="category_filters_form">
 <input type="hidden" name="securityToken" value="0c15b6960c32e2482eb33a1a7052cc71" />
 <script type="text/javascript">
//Gauci, C and Nicolas R (2014) Implementing cookie to save state of JQuery toggle. Available at: http://stackoverflow.com/questions/24365143/implementing-cookie-to-save-state-of-jquery-toggle/24367401?noredirect=1#comment37685910_24367401
$(document).ready(function() {
	// check the cookies when the page loads
	// 1st panel
	if ($.cookie('currentTogglePackagingpanel') === 'visible') {
		togglePanel($('#Packagingpanel'), $('#Packaging'), 0);
	}
				
    //handle the clicking of the show/hide toggle button of the 1st panel
	$('#Packaging').click(function() {
		//toggle the panel as required
		togglePanel($('#Packagingpanel'), $('#Packaging'), 'slow');
	}

function togglePanel(panel, button, toggleSpeed) {
	var panelPreviousStateVisible = panel.is(':visible');
	// Toggle the div
	if (toggleSpeed > 0 || toggleSpeed === 'slow' || toggleSpeed === 'fast') {
		panel.slideToggle(toggleSpeed);
	} else {
		panel.toggle();
	}
					
	// Once toggled, set the cookie and the text
	if (!panelPreviousStateVisible) { 
		$.cookie('currentToggle' + panel.attr('id'), 'visible', { path: '/' });
		// Set the text by removing the last char and add a minus symbol
		button.html("<h3 class=\"leftBoxHeading\">" + button.text().slice(0,-1) + "<span class=\"Packaging_toggle\">-</span></h3>");
	} else {
		 $.cookie('currentToggle' + panel.attr('id'), 'hidden', { path: '/' });
		// Set the text by removing the last char and add a plus symbol
		button.html("<h3 class=\"leftBoxHeading\">" + button.text().slice(0,-1) + "<span class=\"Packaging_toggle\">+</span></h3>");
	}
}
});
 </script>
<div>
<a href="#" id="Packaging"><h3 class="leftBoxHeading">Packaging<span class="Packaging_toggle">+</span></h3></a>
<div id="Packagingpanel" style="display:none;">
           <div class="sideBoxContent">
  <div class="checkbox">
  <input type="checkbox" name="Packaging_Glass" value="Glass" onchange="hideFiltersBox(this);" id="Packaging_Glass" />
  </div>
  <div class="category-title">Glass</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Packaging_Glass_/_Gift_Box" value="Glass_/_Gift_Box" onchange="hideFiltersBox(this);" id="Packaging_Glass_/_Gift_Box" /></div>
  <div class="category-title">Glass / Gift Box</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Packaging_Glass_/_Gift_Tube" value="Glass_/_Gift_Tube" onchange="hideFiltersBox(this);" id="Packaging_Glass_/_Gift_Tube" /></div><div class="category-title">Glass / Gift Tube</div><br class="clearBoth" /><div class="checkbox"><input type="checkbox" name="Packaging_Plastic" value="Plastic" onchange="hideFiltersBox(this);" id="Packaging_Plastic" /></div><div class="category-title">Plastic</div><br class="clearBoth" />
  </div>
  </div>
  </div>
  <script type="text/javascript">
	//Gauci, C and Nicolas R (2014) Implementing cookie to save state of JQuery toggle. Available at: http://stackoverflow.com/questions/24365143/implementing-cookie-to-save-state-of-jquery-toggle/24367401?noredirect=1#comment37685910_24367401
	$(document).ready(function() {
		// check the cookies when the page loads
		// 1st panel
		if ($.cookie('currentToggleOriginpanel') === 'visible') {
			togglePanel($('#Originpanel'), $('#Origin'), 0);
		}

		//handle the clicking of the show/hide toggle button of the 1st panel
		$('#Origin').click(function() {
			//toggle the panel as required
			togglePanel($('#Originpanel'), $('#Origin'), 'slow');
		}
					
	function togglePanel(panel, button, toggleSpeed) {
		var panelPreviousStateVisible = panel.is(':visible');
		// Toggle the div
		if (toggleSpeed > 0 || toggleSpeed === 'slow' || toggleSpeed === 'fast') {
			panel.slideToggle(toggleSpeed);
		} else {
			panel.toggle();
		}
						
		// Once toggled, set the cookie and the text
		if (!panelPreviousStateVisible) { 
			$.cookie('currentToggle' + panel.attr('id'), 'visible', { path: '/' });
			// Set the text by removing the last char and add a minus symbol
			button.html("<h3 class=\"leftBoxHeading\">" + button.text().slice(0,-1) + "<span class=\"Origin_toggle\">-</span></h3>");
		} else {
			 $.cookie('currentToggle' + panel.attr('id'), 'hidden', { path: '/' });
			// Set the text by removing the last char and add a plus symbol
			button.html("<h3 class=\"leftBoxHeading\">" + button.text().slice(0,-1) + "<span class=\"Origin_toggle\">+</span></h3>");
		}
	}
	});
	</script>
<div>
<a href="#" id="Origin"><h3 class="leftBoxHeading">Origin<span class="Origin_toggle">+</span></h3></a>
<div id="Originpanel" style="display:none;">
 <div class="sideBoxContent">
  <div class="checkbox">
  <input type="checkbox" name="Origin_Australia" value="Australia" onchange="hideFiltersBox(this);" id="Origin_Australia" />
  </div>
  <div class="category-title">Australia</div><br class="clearBoth" />
  <div class="checkbox">
  <input type="checkbox" name="Origin_Barbados" value="Barbados" onchange="hideFiltersBox(this);" id="Origin_Barbados" />
  </div>
  <div class="category-title">Barbados</div><br class="clearBoth" />
  <div class="checkbox">
  <input type="checkbox" name="Origin_California" value="California" onchange="hideFiltersBox(this);" id="Origin_California" />
  </div>
  <div class="category-title">California</div><br class="clearBoth" />
  <div class="checkbox">
  <input type="checkbox" name="Origin_Cuba" value="Cuba" onchange="hideFiltersBox(this);" id="Origin_Cuba" />
  </div>
  <div class="category-title">Cuba</div><br class="clearBoth" />
  <div class="checkbox">
  <input type="checkbox" name="Origin_England" value="England" onchange="hideFiltersBox(this);" id="Origin_England" />
  </div>
  <div class="category-title">England</div><br class="clearBoth" />
  <div class="checkbox">
  <input type="checkbox" name="Origin_France" value="France" onchange="hideFiltersBox(this);" id="Origin_France" />
  </div>
  <div class="category-title">France</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Germany" value="Germany" onchange="hideFiltersBox(this);" id="Origin_Germany" /></div>
  <div class="category-title">Germany</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Greece" value="Greece" onchange="hideFiltersBox(this);" id="Origin_Greece" /></div>
  <div class="category-title">Greece</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Holland" value="Holland" onchange="hideFiltersBox(this);" id="Origin_Holland" /></div>
  <div class="category-title">Holland</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Ireland" value="Ireland" onchange="hideFiltersBox(this);" id="Origin_Ireland" /></div>
  <div class="category-title">Ireland</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Italy" value="Italy" onchange="hideFiltersBox(this);" id="Origin_Italy" /></div>
  <div class="category-title">Italy</div><br class="clearBoth" /><div class="checkbox"><input type="checkbox" name="Origin_Jamaica" value="Jamaica" onchange="hideFiltersBox(this);" id="Origin_Jamaica" /></div>
  <div class="category-title">Jamaica</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Mexico" value="Mexico" onchange="hideFiltersBox(this);" id="Origin_Mexico" /></div>
  <div class="category-title">Mexico</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Poland" value="Poland" onchange="hideFiltersBox(this);" id="Origin_Poland" /></div>
  <div class="category-title">Poland</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Portugal" value="Portugal" onchange="hideFiltersBox(this);" id="Origin_Portugal" /></div>
  <div class="category-title">Portugal</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Russia" value="Russia" onchange="hideFiltersBox(this);" id="Origin_Russia" /></div>
  <div class="category-title">Russia</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Scotland" value="Scotland" onchange="hideFiltersBox(this);" id="Origin_Scotland" /></div>
   <div class="category-title">Scotland</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_South_Africa" value="South_Africa" onchange="hideFiltersBox(this);" id="Origin_South_Africa" /></div>
  <div class="category-title">South Africa</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Spain" value="Spain" onchange="hideFiltersBox(this);" id="Origin_Spain" /></div>
  <div class="category-title">Spain</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_Sweden" value="Sweden" onchange="hideFiltersBox(this);" id="Origin_Sweden" /></div>
  <div class="category-title">Sweden</div><br class="clearBoth" />
  <div class="checkbox"><input type="checkbox" name="Origin_USA" value="USA" onchange="hideFiltersBox(this);" id="Origin_USA" /></div>
  <div class="category-title">USA</div><br class="clearBoth" />
  </div>
  </div>
  </div>
  <input type="hidden" name="cPath" value="146" /><input type="hidden" name="filterSubmitPost" value="1" />
  </form></div></div><div class="leftBoxFooter"></div>
</div>

</div>