Question

I had to create tabs in my web page for which I used the code present in this link:
http://www.mkyong.com/jquery/how-to-use-css-and-jquery-to-hide-and-show-tab-content/

Now this code works beautifully in Firefox and Chrome, but doesn’t work appropriately in IE8. It displays the data in both the divisions instead of showing the data of the tab which is selected and hiding the other one. I have made a crude text based sample below. Hope it helps.

Tab1 | Tab2 |
--------------------------------------
            Page Heading

Content of tab 1


Content of tab 2

--------------------------------------

Hoping to receive your valuable inputs.

Answer 1

Well it all worked out. I just had to replace the section tags in my HTML code with div tags. This is because HTML 4 does not support section tags.