mbmufffin/FlexSlider — Issue #74: Showing or Hiding flexslider using javascript is extremely slow in Chrome
Author: jonhorton
Created: 2012-02-21 16:38:44+00:00
State: open

We use flexslider across many of our sites, and recently came across an issue only affecting Chrome. Firefox, IE and Safari all work fine.

In our case, we have the flexslider container hidden by default, while keeping the direction nav visible. When a user clicks a nav item, it unhides the slides div and scrolls to the appropriate slide. There is a 3 - 10 second delay before the div shows in all versions of Chrome. We tested this on 6+ computers. In some instances the tab would crash Chrome.

I've tried the following:
* various versions of jquery 1.7.1 and below
* removed all css and unnecessary javascript
* .css('display', 'show');
* .show();
* .fadeIn();
* .css('margin', 'some number');
* adding a before function in the .flexslider to show the div

None of these fixed the delay.

```javascript
$("#nav a").click(function() {
$('.slides').fadeIn('fast');
$('.flex-direction-nav').fadeIn('fast');
$('#nav').fadeOut('fast');
});
```

I switched to jquerytools scrollable and the issue went away, so I believe there is some bug with flexslider that is causing this.