(function($) {
    $.fn.extend({
        collapsibleTable: function() {
            // Call the ConfigureCollapsiblePanel function for the selected element
            return $(this).each(ConfigureCollapsibleTable);
        }
    });

})(jQuery);

function ConfigureCollapsibleTable() {
    $(this).addClass("ui-widget");

    // Table-Content verstecken
    $(this).find('.tableContent').hide();
   
    // Bei Klick auf Table Head die funktion CollapsibleTableHeaderOnClick() auslösen
    $(".tableHead", this).click(CollapsibleTableHeaderOnClick); 
}

function CollapsibleTableHeaderOnClick() {
	//TableContent wieder einblenden
	$(this).parent().find('.tableContent').slideToggle();
	
    // Animation complete.
	if($(this).parent().find('.tableHead').hasClass('opened')){
		$(this).parent().find('.tableHead').removeClass('opened');		
	} else {		
		$(this).parent().find('.tableHead').addClass('opened');			
	}

}