window.addEvent('domready', function(){	
	//just an habit, not necessary but i make less mistakes this way than when using $ or $$ each time... always end forgetting a ' somewhere :)
	var myToggler = $('slide_button');
	var mySlide2 = new Fx.Slide('dropdown', {
		duration: 800, transition: Fx.Transitions.Expo.easeOut, //i let you add the other options, let's just concentrate on that cookie issue, don't need mode: vertical, it's the default mode
		onComplete: function(){
			if(this.wrapper.offsetHeight != 0) {
				Cookie.set('toggleState', 'opened', 7);
			}
			else {
				Cookie.set('toggleState', 'closed', 7);
			}
		}
	})
	//here you check existence and value of 'toggleState' in a cookie
	if ( (Cookie.get('toggleState')) && (Cookie.get('toggleState') == 'opened') ) {
		mySlide2.show();
	}
	else {
		mySlide2.hide();
	}
	//here is you simple toggling link click event
	myToggler.addEvent('click', function(e){
		e = new Event(e).stop();
		mySlide2.toggle();
	});
});