Remove the 'hover' function on a clicked checkbox in a group
===

I am trying to  Remove the 'hover' function on a clicked checkbox in a group. I can do it on all the checkbox in the group by:

$(document).off('hover', '.myClass .leftSpan');

Is there a way to just remove it from the clicked checkbox? 

The 'hover' function puts the hover there in the first place, the click is intended to start populating a record set but I want

    $(document).on('hover', '.myClass .leftSpan', function () {
        var parID = $(this).prev('input').prop('id')
        $('#lblOutput').text(parID);
        GetSites(parID, 'false');
        GetGroupMetadataFromGroupID(parID);
    });

This is the click function:

    $(document).on('click', '.myClass .leftSpan', function () {
        var parID = $(this).prev('input').prop('id')
        $('#lblOutput').text(parID);
        GetSites(parID, 'false');
        GetGroupMetadataFromGroupID(parID);
        $(document).off('hover', parID);
    });

but it does not work. I will need to do it to any that are clicked. This could be from just 1 to all being clicked.

Any ideas anyone?