title: JQuery: .focus() on input only on first click?
body: <p>I have an input textbox that fades in as soon as the user clicks on a button, and then fades out if the user clicks on the button again. Each time the user clicks on the button, the input is focused since usually the first thing they do is type. The problem is that the input has a placeholder and when the user clicks on the button again, the placeholder flickers once in a very annoying way while the input fades out (this only happens if the input is focused when the user clicks on the button again). </p>
  
  <p>So what I been trying to do the entire night yesterday is to have the input focus only on the first time the user clicks on the button, the second time they click to fadeout, the input should not focus.</p>
  
  <p>Can you please help me achieve this? Thanks a lot!</p>
  
  <pre><code>        //takes care of showing search when clicking on add button
  jQuery(".add-button").click(function() {
  
  
  
  //shows and hides the textbox input
      jQuery(this).siblings(".search-input-form").fadeToggle(200);
  
  
  
   //triggers a focusing on the textbox input
      jQuery(this).next().children(".search-input").focus();
  
  
  
  
      return false;
  
  }); 
  </code></pre>