$(document).ready(function(){
    $(".refenceList").click( function() { 
    
        var id = "#off"+this.id;      
         
        var taille_liste = $(id).height();

        
        if ($(id).is(":hidden"))
        {           
            $(id).slideDown("normal", function(){$("#sections").animate({height:(($("#sections").find("#reference").height())+'px')}, 300);});
			$(".refenceList").find("#"+this.id).removeClass("refenceList");
			$(".refenceList").find("#"+this.id).addClass("refenceListOpen");
			
        }
        else
        {
            $(id).slideUp("normal", function(){$("#sections").animate({height:(($("#sections").find("#reference").height())+'px')}, 300);});
            $("#sections").animate({height:(($("#sections").find("#reference").height())+'px')}, 300);
			$(".refenceList").find("#"+this.id).removeClass("refenceListOpen");
			$(".refenceList").find("#"+this.id).addClass("refenceList");
        }


         
    
    } );
});