IE6 show hide divs

Question

我有五个链接呈现在页面上，表示页面的导航标题，也有5个div在同一页上呈现。龋齿页面的内容。标题中的每个链接都与包含内容的一个div相关。点击链接时，一个div显示为jQuery函数.show（），其他所有显示都隐藏了jQuery函数.hide（）

问题是在IE 6浏览器中打开页面后，点击2次或3次在链接页面呈现错误。 Div与内容混合。

我试图在点击链接缓慢，但仍然问题，所以它不是因为处理缓慢的IE 6

什么会导致这个问题？ 有没有解决方法？ 有人有类似的问题吗？

非常感谢。

Answer 1

不要使用拨动这个，因为你将保持状态（点击|未点击）以及 一个简单的点击方法都行，展示内容和隐藏的兄弟姐妹

一种你http://jsfiddle.net/48LEq/

解决方案HTML：

<ul id="mymenu"> 
    <li><a href="#" rel="content1">item 1</a></li> 
    <li><a href="#" rel="content2">item 2</a></li> 
    <li><a href="#" rel="content3">item 3</a></li> 
    <li><a href="#" rel="content4">item 4</a></li> 
    <li><a href="#" rel="content5">item 5</a></li> 
</ul> 

<div id="content1" class="content">content 1</div> 
<div id="content2" class="content">content 2</div> 
<div id="content3" class="content">content 3</div> 
<div id="content4" class="content">content 4</div> 
<div id="content5" class="content">content 5</div> 

CSS

.content {display:none;} 

JS

// Once the DOM is ready 
$(function() { 
    // load first content 
    $(".content:first").show(); 
    // bind the click method     
    $("#mymenu a").click(
     function() { 
      var content = "#" + $(this).attr("rel"); 
      $(content).siblings(".content").hide(); 
      $(content).show(); 
     } 
    ); 
});