Avoid onblur click...thingy

JavaScript
8

So close. I just need it to not run that bit of animation on submit. I know it’s that last animation call that’s doing it but nothing I do can stop it…

var clicked=false;
    $(".search__field").addClass("inactive");


    $(".search__button").on("click",function(e) {
      e.preventDefault();
      if($(".search__field").css("width") >= 0+"px") {
        $(".search__field").stop();
        $(".search").submit();
      }
      else {
        clicked=true;
        $(".search__field").animate({width:"100%"},500).focus();
      }
    });


    $(".search__field").on("blur", function() {
      if(clicked==false) {
        $(".search").submit();
      }
      else {
        $(".search__field").animate({width:"0"},500);
        clicked=true;
      }
    });