Tim Dupree

Using the handy MooTools JavaScript framework (and its terrific Fx classes) I made the simple expanding menu you see to the left of this post. It worked great until I tested it in IE and found that the JS engine is so slow that it was doing some wacky things in the animation.

I wanted to keep the markup as clean as I could but I ended up fixing the IE problem by wrapping the menu text in <span> tags and then doing a little extra styling of those spans with css.

The menu works in IE7&8, as well as Safari, Chrome, Firefox, and Opera.

If you are interested in the JS, HTML and CSS behind the menu, check out the code below. It’s in a shell from jsFiddle.net, a great site for messing around with JS frameworks.