// Collapse.js Documentation - http://getbootstrap.com/javascript/#collapse
// Collapse.js Code - http://scottdev.cloudapp.net/rollseal/web/javascripts/bootstrap/collapse.js

$(document).ready(function () {

  // Activates content as a collapsible element. Accepts an optional options object.
  $('.collapsible').collapse({
    toggle: false
  });

  // Click on h2 to call collapse toggle
  // Couldn't get $(this) to work
  $('.collapsible').on("click", "h2", function () {
    $('.collapsible').find('span').collapse('toggle');
  });

  // On the show event, change the icon from plus to minus
  $('.collapsible').on('show.bs.collapse', function () {
    $(this).find('i').removeClass("fa-plus").addClass("fa-minus");
  });

  // On the hide event, change the icon from minus to plus
  $('.collapsible').on('hide.bs.collapse', function () {
    $(this).find('i').removeClass("fa-minus").addClass("fa-plus");
  });

});