Jquery onclick and focusout

Question

I have my navbar with a search button that calls a slideToogle() and displays a form with a text input inside below my navbar.

I want my form to be hidden when losing focus or the search button to be clicked again.

So my problem is this, when I click the search button with the form open, it runs the same thing twice.

http://codepen.io/anchietajunior/pen/amxmYX

Answer 1

Try something like this mate.

---

Try Something like this.

var i = 0;
$('#search_button').on('click', function(e){
    if(i == 0){
      i++;
      e.preventDefault();
      $searchbar.slideToggle(300);
      $('#search_form_input').focus();
   } else {
      i = 0;
      $searchbar.trigger('focusout');
   }
});