Проблема со скрытым div-jquery

Question

Я использую технику jquery hashchange для динамической и плавной (fadein) загрузки содержимого на веб-сайте. Несмотря на то, что он динамический, URL-адрес изменяется в адресной строке, которая выглядит следующим образом ... как вы можете увидеть символ фунта перед именем файла, www.whwhat.com / # about.html www.whwhat.com / # contact.html и т. Д.

На моей странице указателя div с именем 'folder1' по умолчанию скрыто и отображается через 5 секунд после загрузки страницы и появления папки div2 (проверьте код).Когда вы набираете url 'www.whwhat.com' , все работает как надо.Но когда вы нажимаете ссылку 'home' , она добавляет # к index.html , поэтому URL будет what.com / # index.html .И на этот раз div 'folder2' появляется сразу после загрузки страницы, которая должна быть скрыта согласно коду.Я заметил, что CSS из этих div-ов запутался в этот разЯ не понимаю, что там происходит.Любая помощь?

(function($,i,b){var j,k=$.event.special,c="location",d="hashchange",l="href",f=$.browser,g=document.documentMode,h=f.msie&&(g===b||g<8),e="on"+d in i&&!h;function a(m){m=m||i[c][l];return m.replace(/^[^#]*#?(.*)$/,"$1")}$[d+"Delay"]=100;k[d]=$.extend(k[d],{setup:function(){if(e){return false}$(j.start)},teardown:function(){if(e){return false}$(j.stop)}});j=(function(){var m={},r,n,o,q;function p(){o=q=function(s){return s};if(h){n=$('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow;q=function(){return a(n.document[c][l])};o=function(u,s){if(u!==s){var t=n.document;t.open().close();t[c].hash="#"+u}};o(a())}}m.start=function(){if(r){return}var t=a();o||p();(function s(){var v=a(),u=q(t);if(v!==t){o(t=v,u);$(i).trigger(d)}else{if(u!==t){i[c][l]=i[c][l].replace(/#.*/,"")+"#"+u}}r=setTimeout(s,$[d+"Delay"])})()};m.stop=function(){if(!n){r&&clearTimeout(r);r=0}};return m})()})(jQuery,this);

$(function() {

var newHash      = "",
    $mainContent = $("#main-content"),
    $pageWrap    = $("#page-wrap"),
    baseHeight   = 0,
    $el;

$pageWrap.height($pageWrap.height());
baseHeight = $pageWrap.height() - $mainContent.height();

$("nav").delegate("a", "click", function() {
    window.location.hash = $(this).attr("href");
    return false;
});

$(window).bind('hashchange', function(){

    newHash = window.location.hash.substring(1);

    if (newHash) {
        $mainContent
            .find("#guts")
            .fadeOut(200, function() {
                $mainContent.hide().load(newHash + " #guts", function() {
                    $mainContent.fadeIn(200, function() {
                        $pageWrap.animate({
                            height: baseHeight + $mainContent.height() + "px"
                        });
                    });
                    $("nav a").removeClass("current");
                    $("nav a[href="+newHash+"]").addClass("current");
                });
            });
    };

});

$(window).trigger('hashchange');

});

выше делает весь код jquery.

это css.infact есть два div.

#folder1{
float: left;
height: 100px;
width: 100px;
position: absolute;
top: 15px;
right: 100px;
display: none;
    }
#folder2{
float: left;
height: 100px;
width: 100px;
position: absolute;
top: 15px;
right: 100px;
display: show;
    }

ниже приведен код, используемый для скрытия и отображения div.

$(document).ready(function() {


$("#folder2").hide(); 

setTimeout(function(){
$("#folder1").show();
}, 5000);
setTimeout(function(){
$("#folder1").hide();
}, 10000);

setTimeout(function(){
$("#folder2").show();
}, 15000);

});