$(document).ready(function(){
	/* This code is executed after the DOM has been completely loaded */

	/* Changing thedefault easing effect - will affect the slideUp/slideDown methods: */
	$.easing.def = "easeInOutQuad";

	/* Binding a click event handler to the links: */
	$('li.button a').click(function(e){
	
		/* Finding the drop down list that corresponds to the current section: */
		var dropDown = $(this).parent().next();
		
		/* Closing all other drop down sections, except the current one */
		$('.dropdown').not(dropDown).slideUp('400');  /*disable this line to allow multiple categories to be open at same time*/
		dropDown.stop(false,true).slideToggle('400');
		
		/* Preventing the default event (which would be to navigate the browser to the link's address)
		e.preventDefault();*/
		
		/* toggles a CSS class="active" to the <a class="'li.button a'"> element
		$(this).toggleClass("active");
		$(this).removeClass("active");*/


	})
	 /*$('li.button a').eq(4).click();*/  /*this allows you to target a level to be open by default i.e. the 4th level in this ex.*/
});