hide on second click
<p>I have a bubble that pops up when you select some text on a document. Now when you select some text, the body click event fires too. On body event, I have code to hide the bubble that pops up when you select some text. The problem is, I want to show the bubble when the text is selected (even though body event has fired) but I want to hide it when clicked anywhere except inside the bubble.</p>

<pre><code>$('body').live('click', function(e) {
        if($(e.target).parents('.discuss').length == 0) {
            $('.discuss').fadeOut(150);
        }
});
</code></pre>

<p>... there is the body event code, now the discuss bubble shows up when some text is selected on the body, the discuss bubble is positioned near the selected text </p>
