После нажатия на ссылку href, pie.HTC в стиле див не правильно перерисовывается

Кажется, это больше связано с пирогом.htc и перерисовка, так как насчет того, чтобы не перерисовывать браузеры - просто переместите div с пути, а затем снова вернитесь..

<script type="text/javascript">
$(document).ready (function () {
    $('#show_div').bind ('click', function () {
            // show it by returning it to it's default position
        $('#tab_container_3').css ( {position : 'static'} );
    });
    $('#hide_div').bind ('click', function () {
            // hide it again by making it read the z-index
        $('#tab_container_3').css ( {position: 'relative'} );                       
    });
});
</script>

И измените этот CSS на:

#tab_container_3{
   position: relative;
   top: -9999px;
}

Это просто убирает его с пути, изменяя position на static с помощью jQuery вы переключаете a обратно на его значение по умолчанию, и любой элемент с position из static не принимает z-index, поэтому вам не нужно менять это

Обновлено

Согласно доступность (или нет) информации

Хорошо, чтобы избежать доступности контента, пуленепробиваемый способ-использовать display: block и visibility: hidden вместе, но в соответствии с вышеупомянутыми проблемами, уже отмеченными с ними, я подумал, что было бы хорошей идеей скрыть Родительский <li> сам, а не <a> с поведением, и на этот раз я сделал это, добавив и удалив класс

Это, кажется, работает:

$(document).ready (function () {

    // to make tab hidden and inaccessible onload
    $('#tab_container_3').parent().addClass("element-invisible");

    $('#show_div').bind ('click', function () {
        $('#tab_container_3').parent().removeClass ("element-invisible");       
    });
    $('#hide_div').bind ('click', function () {
          $('#tab_container_3').parent().addClass ("element-invisible");                            
    });
});

С этим классом, добавленным в CSS (#tab_container_3 больше не нуждается в дополнительном CSS)

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  visibility: hidden;
  display: none;
}

Теперь это работает для вас, я проверил CTRL+F в FF, и он не находит скрытую вкладку

Примечание я не думаю, что первые 3 правила позиционирования и клипа необходимы с этим методом, я попробовал их на a сначала и не полностью обрезал эффект в IE - поэтому я переместил класс в родительский li.. но я оставлю правила, чтобы показать, что я пытался - просто на случай, если вам интересно, что это такое;)

Третий Раз Повезло

Это когда я попробовал комбинацию, сначала загрузив Родительский li со страницы с отрицательным z-индексом, установив задержку так, чтобы через 0,5 секунды он скрывал и исправлял z-индекс, теория здесь пыталась сделать пирог.htc рисует углы, прежде чем спрятать их, я подумал, что никто не будет искать содержимое в течение 0,5 секунд ;) - это не совсем гладко в IE, но я думаю, что это из-за расположения пирога эффектов.htc использует для рисования углов и теней, но эффект рисует теперь, я попытался сползти вниз, чтобы показать div, поскольку это, кажется, "скрывает" худшее из jaggy reveal IE

$(document).ready (function () {

    // to make tab hidden but accessible onload, accessible at first to allow link to draw, then hide it after 0.5 seconds  
    $('#tab_container_3').parent().css('top','-9999px').delay(500).hide('fast', function() {$(this).css({'top' : '0px'});});

    $('#show_div').bind ('click', function () {
        $('#tab_container_3').parent().slideDown(200);       
    });
    $('#hide_div').bind ('click', function () {
          $('#tab_container_3').parent().hide(100);                            
    });
});