Click & reveal not working in IE8

Tried around but never got this thing resolved.

Please see this page in FF: http://www.nexky.com/pricing.html

And click one of the row headers of one of the tables, such as this one “二分贝” and a previously hidden hint / comment will be revealed under it, see the screenshot here: http://postimage.org/image/vmsdr1kqn/

However, with IE8 on this page: http://www.nexky.com/pricing.html

Clicking on the row headers of any of the tables do nothing; it simply doesn’t respond in any way.

Any idea why and how I can make it reveal in IE8? Thanks!

There’s a problem where jQuery’s toggle method doesn’t properly detect if an IE8 table row is showing or not.
You’ll have to roll your own toggle code when you’re dealing with table rows, which would look something like this:


$(this).parents("tr").next(".detail").each(function(i, elem) {
    $(elem).toggle($(elem).css('display') == 'none');
});

See this for deeper info on the problem itself: http://www.code-styling.de/english/jquery-132-causes-problems-at-ie-8

Thanks a lot! This works!

Can you give me your site? Let me make a link to you on my blog! :slight_smile:

I don’t have a site of my own, but please consider placing a nomination in the upcoming sitepoint awards.