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(); 
     } 
    ); 
});