$(document).ready(function(){

// Below Sets default open and close settings
$('.acc_container').hide(); // hides all containers upon page load
$('.acc_trigger:first').addClass('active').next().show();  // this code makes the first acc item expanded upon pageload

//Of course this is the On Click function
$('.acc_trigger').click(function(){
           if( $('.acc_trigger').next().is(':visible') ) {  // If next container is open.
		$(this).removeClass('active').next().slideUp();   // removes the active class (to reset arrow) and slides up the next container.
        }

	if( $(this).next().is(':hidden') ) {      // If next container is closed.
		$('.acc_trigger').removeClass('active').next().slideUp()   // Remove all .acc_trigger classes and slide up the immediate next container
		$(this).toggleClass('active').next().slideDown(); // Adds the .acc_trigger class to clicked trigger and slides down the next container
	}
	return false; // This Prevents the browser from jumping to the link anchor

});
});