IE6 показать скрыть дивы

Question

У меня есть пять ссылок, отображаемых на странице, которая представляет навигационный заголовок страницы, также у меня есть 5 элементов, отображаемых на одной странице. что кариес содержание страницы. Каждая ссылка в заголовке связана с одним 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();
        }
    );
});