IE accordion bug

[smoothDude]

Hello, this is probably an easy question for many of you. I searched for a couple hours but couldn't find an answer anywhere...

I have a very long unmodified Dreamweaver accordion on a page, and when you click at the bottom of the accordion the IE jumps to the top of the page hiding the content. It might need a JS fix, I think.

Here is an example(try to open accordion #20-#30 in IE): Clicky

Here is the JavaScript for the accordion: http://rus-import.com/SpryAssets/SpryAccordion.js

[Ultimater]

A possible yet unorthodox solution:

<script type="text/javascript">
function showMe(t){
setTimeout(function(){t.parentNode.scrollIntoView(false)},1);
}
</script>

    <div class="AccordionPanel">
      <div class="AccordionPanelTab" onclick="showMe(this)"><img src="picture.jpg" alt=""/> Label 38</div>
      <div class="AccordionPanelContent"><center>Content :</center><br /><br /><center>Internet Explorer Suks : (</center></div>
    </div>

[Fang]

Remove tabindex="0"

[smoothDude]

Thanks for the replies. I modified page like you told me. This is wierd, only section #38 works OK in IE, when I try opening any other section the page still jumps to the top...

http://rus-import.com/missing.html

Edit: Try clicking a few times on different sections below #15 without using the scroll wheel after you click. you will see that IE will start hiding the "content"...

[Fang]

Don't use function showMe

[smoothDude]

I really appreciate you suggestion but i don't think that it solves the problem. IE still jumps to the top of the page when you open a bottom section.

http://rus-import.com/missing.html

[Fang]

Remove tabindex="0"

This is the problem

[smoothDude]

I tried you file still problem, my IE6 and 7 jump to the top of the page hiding the opened section. So when you remove tabindex="0" and click on the bottom section of the accordion the page remains still on your IE?

[Fang]

It works for IE8, for other versions, Ultimater's solution will be necessary.