Good job. That looks good.
I’m no wordpress pro. Honestly, I would just add it to the footer.php, but I’m sure someone is going to tell me I’m wrong with that one.
I’m in the office right now, but I can look into the ie stuff when I get home if someone else hasn’t solved that for you.
Not a problem, by the way.
FYI. there is a good chance that WordPress is already loading a jQuery js for you, so make sure you don’t double load it.
This is very interesting…. I have no idea why it wasn’t working in jsFiddle, but the exact same code works in codepen… This is odd. I’m curious as to how it will work on a live site. but here is it working in IE in codepen.
Is it not worth managing the animation just in JQuery anyway since it’s already in use? Transition/Transform support is non-existant in IE8/9 – so perhaps managing the width and the transition via .animate(); with JQuery might be a viable cross browser solution?