$(document).ready(function(){
	dropBoxes();
});

function dropBoxes(){
	
	$("div.dropList").each(function() {
				
				var dropButton = $(this).find('h3');
				var dropBox = $(this).find('div.detailBox');
				
				dropBox.css({'display': 'none'});
				
				dropButton.unbind( "click.dropBox" );
				
				dropButton.bind("click.dropBox", function() {
					  
					  if (dropButton.hasClass('on')){ 

					  		dropBox.slideUp();	
							dropButton.removeClass('on');
							
						
						} else if ($("h3").hasClass('on')){

								$("h3.on").parent("div.dropList").find('div.detailBox').slideUp();
								$("h3.on").removeClass('on');
								dropBox.slideDown();
								dropButton.addClass('on');
								
								} 

						
						else {
							
									dropBox.slideDown();
									dropButton.addClass('on');
									
									}

					});
				 
			});

	}