I am having an IE9 issue and was hoping that there may be somebody out there that can assist. In FF, and IE10+, the swipe/slider effect works fine and functions normally.

Issue: I have a nested div, one hidden, one shown. When I initially roll over the outerDiv, the innerDiv appears without the swipe/slide effect. Any repeated roll over actions, the innerDiv appears/disappears with the swipe/slide effect and functions normally.

Expected Result: I want to get the swipe/slide effect to work with the initial rollover in IE9.

I've tried .slideToggle and .animate without success. 

Any assistance provided will be greatly appreciated.

https://jsfiddle.net/cxLrgw3j/2/

Thanks,

Rei