Wsrtjtyk

I've got a strange problem where "most" of my rules work inside a click function, but one won't

$(".fadeOut input").click(function() {

  $(".nooverlay").addClass("overlayon");

  $(".searchBar").addClass("fadeIn");

  $(".searchBar").removeClass("fadeOut")

});

addClass("overlayon") won't work ?!?!?

fadeIn works

fadeOut works

the entire js can be seen here:
https://github.com/TerminalAddict/ta.com-website/blob/master/assets/js/ta.js

I'm using to yui-compressor to compress, then create one big bundle (bundle.js)

no errors in console, and if I paste this function into the console it works fine.

Live demo: https://terminaladdict.com

As input box you are target is having an ID and Div element where you are trying to add class is also have an ID. ID's are unique and I think you can use below piece of code. That i also tried executing on console window and seems to be working.

$("#query").click(function(e){

  event.preventDefault();



  if($('#query').parents('.fadeOut').length>0){

      $('#overlay').addClass('overlayon');

      $('.searchBar').addClass('fadeIn');

      $('.searchBar').removeClass('fadeOut');

  }

});

As We have Black Background to appear only in case of .fadeout class So I have added below code in jquery code above to check if parent of Query Textbox has that class. It seems to be working fine.

 if($('#query').parents('.fadeOut').length>0){