How to hide tooltip when clicking on an object inside it jquery?

Question

JavaScript

Hello.
When you click on the icon, a window with emoticons (img) appears.
How can I make the tooltip hide when clicking on an image inside it?

Tooltip - .my-tooltip-contain
Image (object) - .smiles

jQuery(document).ready(function ($) {
    $('body').click(function () {
        $('.my-tooltip-contain').hide();
    });

    $(document).delegate('.my-tooltip-contain', 'click', function () {
        $(this).show();
    });

    $(document).delegate('.icon', 'click', function () {
        var IconId = $(this).attr('id');
        var uniqueId = IconId.substring(IconId.lastIndexOf('-') + 1);
        $('#smyle-' + uniqueId).toggle();
    });

    $(document).delegate('.smiles', 'click', function () {
        var uniqueId = SmileUniqueId($(this), '.container');
        var smileCode = $(this).data('emoticon-code');
        if (smileCode.length && uniqueId.length) {
            smileCode = ' :' + smileCode + ': ';
            if (uniqueId === 'quicktags') {
                $('.container textarea').insertAtCaret(smileCode);
                tinyMCE.activeEditor.execCommand('mceInsertContent', 0, smileCode);
            } else if (uniqueId === '0_0') {
                $('#form-wrapper-0_0 textarea.comment').insertAtCaret(smileCode);
            } else {
                $('form-wrapper-' + uniqueId + ' textarea.comment').insertAtCaret(smileCode);
            }
        }
    });

});

Thank you for your help.

Answer 1

$(document).delegate('.smiles', 'click', function () {
    $('.my-tooltip-contain').hide(); // добавить строчку
    . . .
})