var $j = jQuery.noConflict();   
        
     // Use jQuery via $j(...)   
     $j(document).ready(function(){   
       $j(".someclass").hide();   
     });   

$j(document).ready(function() {
			
			// the div that will be hidden/shown
			var panel = $j("#banner");
			//the button that will toggle the panel
			var button = $j(".btn-slide");
			// do you want the panel to start off collapsed or expanded?
			var initialState = "expanded"; // "expanded" OR "collapsed"
			// the class added when the panel is hidden
			var activeClass = "active";
			// the text of the button when the panel's expanded
			var visibleText = "";
			// the text of the button when the panel's collapsed
			var hiddenText = "";
			
			//---------------------------
			// don't    edit    below    this    line,
			// unless you really know what you're doing
			//---------------------------
			
			if($j.cookie("panelState") == undefined) {
				$j.cookie("panelState", initialState);
			} 
			
			var state = $j.cookie("panelState");
			
			if(state == "collapsed") {
				panel.hide();
				button.text(hiddenText);
				button.addClass(activeClass);
			}
		   
			button.click(function(){
				if($j.cookie("panelState") == "expanded") {
					$j.cookie("panelState", "collapsed");
					button.text(hiddenText);
					button.addClass(activeClass);
				} else {
					$j.cookie("panelState", "expanded");
					button.text(visibleText);
					button.removeClass(activeClass);
				}
				
				panel.slideToggle("slow");
				
				return false;
			});
		});

