$(document).ready(function() {
  var expandableContainer =  $('#expandableContainer');

  if ( expandableContainer.length > 0 )
  {
    loadExpandable(expandableContainer);
  }

});

function loadExpandable(element)
{
  // get all containers to manipulate
  var boxes = $(element).children('.dropDownContainer');

  // add the 'inactive' class so that each container shrinks
  boxes.addClass('inactive');
  
  var boxTitles = boxes.children('h3');
  
  boxTitles.bind( "click", function () {
    // close all open boxes
    boxes.addClass('inactive');
    
    $(this).addClass('active');
  
    var box = $(this).parent('.dropDownContainer');
    box.removeClass('inactive');
  });
  
}