title: check if a button is clicked jquery
body: <p>I am going to make my question as short as possible.
  I have a textarea that gets hidden whenever it is blurred :  </p>
  
  <pre><code>$('textarea').on('blur', function(){
      $(this).hide()
  })
  </code></pre>
  
  <p>I want to check first wither a button is clicked or not  </p>
  
  <p>if clicked => keep the textarea showen<br>
  if not clicked => hide the textarea</p>
  
  <p>the only problem is that the button i want to check is the same button that made the textarea visible  </p>
  
  <pre><code>$('button').click(function(){
      $('textarea').show().focus()
  })
  </code></pre>
  
  <p>So I do not want the textarea to flash whenever i click the button (prevent it from hiding if the button is clicked, and let it hide in peace if it's blurred on other element)<br>
  this is a <a href="http://jsfiddle.net/9suamkbm/" rel="nofollow"><strong>Demo</strong></a><br>
  I thought of making a flag but it's a dilemma  </p>