JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:;" id="foo">Click me now!</a>

<br/><br/>

<a href="javascript:;" class="clickissue">Test click</a>

JavaScript

$('.clickissue').live('click', function() {
        alert('I am clickable')
        return false;
    });

$('#foo').bind('click',function(){
                if($(this).html()=='Click me now!'){
                    $(this).html('I am clicked. Click outside!');
                    setTimeout(function(){
                        $(document).bind('click',function(){
                            if($('#foo').html()=='I am clicked. Click outside!')
                                $('#foo').html('Click me now!');
                            $(document).unbind('click');
                        });
                    },100);
                }else{
                    $(this).html('Click me now!');
                    $(document).unbind('click');
                }
            });