javascript - Strange issue with jQuery .hide() -

I am creating a site for a customer, but I am using one of jQuery's .hide () Weird bugs have encountered function

If you check it and click any one of the thumbnails, you will see that the image is aligned on the left. Now if you have any other browser tabs Open or switch, and then go back to the sample url, then the image is centered ...

Image Center The must, and while I have it not connected, worked fine;

  $ (".link-content-overlay"). Hide ();   
 My script file ...  
 Anyone have any idea why this is happening and how can I fix this?   
 
 
 You have a problem with CSS (probably your slideshow generated by Javascript Lib). When the browser is refocusing again,  & lt; Li & gt;  The width is rediscovered:  
    
 It's done:  
  & lt; Li class = "slide flex-active-slide" style = "width: 1088px; float: left; display: block," & gt; & Lt; Img alt = "#" src = "http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg" & gt; & Lt; / Li & gt; & Lt; Li class = "slide" style = "width: 1088px; float: left; display: block;" & Gt; & Lt; Img alt = "#" src = "http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg" & gt; & Lt; / Li & gt;   
 The same behavior occurs in Chrome, Firefox and IE Explorer (all latest versions). I'm almost certain that this is an issue with your slideshow (or a feature?)