$(function() {
	// Over ride graceful degradation
	$(".button").mouseenter(function() {
		$(".dropdown-options").hide();
	});
	
	// Mouse clicks on the button
	$(".dropdown .button").toggle(
		
		function() {
			$(this).addClass("active");
			$(this).parent().parent().parent().find(".list-item").css({"opacity" : "1"});
			$(this).parent().find(".dropdown-options").show();
		
			// Over ride the over ride
			$(".button").mouseenter(function() {
				$(this).parent().find(".dropdown-options").show();
			});
			
			$("*").click(function() {
				$(this).find(".active").click();
			});
		},
		
		// Mouse clicks the button while dropdown is active
		function() {
			$(this).removeClass("active");
			$(this).parent().find(".dropdown-options").hide();
			
			$(".button").mouseenter(function() {
				$(this).parent().find(".dropdown-options").hide();
			});
		}
		
	);
	
	// Mouse hovers off 

})