JQuery Tools tab not showing in IE7

Question

There may be a long shot, but we will see. I created simple tabs using jQuery tools. The only thing that, in my opinion, I changed is that instead of setting all div elements within the main div panels to display:none, only divs with a specific class should be set: none, this allowed me to put the div in the contents of the tab .

Everything works fine, with the exception of IE7 (and possibly below), where none of the tab content is displayed, and clicking on the tabs does nothing. Example below:

http://mtsoc.enfotext.com/past-shows/2005-chess

Any suggestions are welcome.

Answer 1

IE does not like the trailing comma:

$("ul.tabs").tabs("div.tabs_panes > div", {
    // enable the history feature
    history: true,
});

Remove it and everything should be fine.

Answer 2

You have a trailing comma in the object on line 169. This should not be - I'm not sure if it fixes your problem, but IE throws an error at it.