$(document).ready(function() {

// First let's hide all the accordian content
$('.accordionContent').hide();

// Next apply a closed class to all the content
$('.accordionContent').addClass('closed');

// What happens when a title is clicked
$('.accordionButton').click(function() {

        currentClass = $(this).next().attr("class");
        
        if (currentClass == 'accordionContent open') {
        	$(this).next().slideUp().addClass('closed').removeClass('open');
        }
        else {
        // Close any open accordion items
        $('.open').slideUp();
	// Slide the selected content down and change the class
	$(this).next().slideDown().addClass('open').removeClass('closed');
 	}
 });

  });