Javery .hide（）と.show（）はIE7で動作しません

Question

これは.showと.hideはFirefox、Chrome、Safariではうまく動作しますが、IE 7ではうまくいきません。IEでは、スパンは非表示になっています（3つの）タブからなる。

何か間違っていますか？

<script> 
var currentTab = 0; 

function openTab(clickedTab) { 
    var thisTab = $(".tabbed-box .tabs a").index(clickedTab); 
    $(".tabbed-box .tabs li a").removeClass("active"); 
    $(".tabbed-box .tabs li a:eq("+thisTab+")").addClass("active"); 
    $(".tabbed-box .tabbed-content").hide(); 
    $(".tabbed-box .tabbed-content:eq("+thisTab+")").show(); 
    currentTab = thisTab; 
} 

$(document).ready(function() { 
    $(".tabs li:eq(0) a").css("border-left", "none"); 

    $(".tabbed-box .tabs li a").click(function() { 
     openTab($(this)); return false; 
    }); 

    $(".tabbed-box .tabs li a:eq("+currentTab+")").click(); 
}); 

</script> 

Answer 1

spanタグは、他のインライン要素のみを含めることができますが、私はあなたのタブ内のブロック要素を持っていると思われます。

IE7で何が起きているのかを詳しく調べると、spanの要素はきちんと隠されていますが、ブラウザは無効なHTMLコードを修正してタブの内容を修正しようとしていますは、spanタグの内部には存在しません。

この場合、タブの代わりにspanタグの代わりにdivタグを使用するだけで問題は解決します。