Question

I recently created a advanced form with elements that use jquery’s $().hide & $().show functions. It’s working great in safari and ff, but for some reason in ie7, the $().hide action in jquery is not working properly. Any suggestions?

http://www.tasteofinkstudios.com/webdesign.html

Answer 1

Your jQuery specifications are breaking in IE because IE does not allow trailing commas in object/array literals (for which I loathe it more than I can possibly express, as if there needed to be more reasons). This:

    $('a.whats-this-main, a.package-details').tooltip({

        fade: 250,
        top: -400, 

    });

needs to be this:

    $('a.whats-this-main, a.package-details').tooltip({

        fade: 250,
        top: -400

    });

If you’re going to be debugging JS in IE, you need to turn off Tools -> Internet Options : Advanced : Disable script debugging (Internet Explorer).