$('.overlap').on('click',function(){

    showNote(false);

    })

    function showNote(show){

    if(show){

    $(".overlap").css('display','block');

    $(".notedetail").css('display','block');

    }

    else{

    $(".overlap").css('display','none');

    $(".notedetail").css('display','none');

    }

    }

    function bindClassEvent(){

    $("#classes").delegate('li','click',function(){

    showNote(true);

    })

    }

bindClassEvent();