2012-08-07 43 views
0

我在這裏有一個頁面。滑動div加上url

http://www.kharota.com/cantsay/index.html

我想什麼是div的上下滑動,例如index.html的#thisweek網址更改將包含在本週的數據股利滑動。有時它有時不起作用。我很困惑,沒有錯誤,但仍然無法正常工作。代碼如下

var loc = window.location.href; 
if(loc.indexOf('#') >= 0) { 
    var hash = loc.substr(loc.indexOf('#') + 1); 
}else{ 

    var hash = ""; 
} 

if(!hash){ 
$("#ca").slideDown("fast");  


    }else{ 




switch(hash){ 

    case "iwantagig": 
     $("#cd").slideDown("fast"); 
     $("#ca").slideUp("fast"); 
     $("#cb").slideUp("fast"); 
     $("#cc").slideUp("fast"); 


     break; 


    case "jointhecrew": 

     $("#cc").slideDown("fast"); 
     $("#ca").slideUp("fast"); 
     $("#cb").slideUp("fast"); 
     $("#cd").slideUp("fast"); 

     break; 


    case "birthdayGuestlist": 

     $("#cb").slideDown("fast"); 
     $("#ca").slideUp("fast"); 
     $("#cc").slideUp("fast"); 
     $("#cd").slideUp("fast"); 

     break; 

    case "thisweek": 

     $("#ca").slideDown("fast"); 
     $("#cb").slideUp("fast"); 
     $("#cc").slideUp("fast"); 
     $("#cd").slideUp("fast"); 

     break; 



} 
} 

該頁面在這裏。如果有人幫忙,我會很感激。

http://www.kharota.com/cantsay/index.html

回答

0
$(document).ready(function(){ 
    $('a.change-page').click(function(){   
     var hash = window.location.hash.substring(1); 
     if(hash) { 
      $('.slider').slideUp("fast"); 
      $('.' + hash).slideDown("fast"); 
      // where '.' + hash are your page divs which must have the class slider and classes like jointhecrew, iwantgag etc 
     } else { 
      $("#ca").slideDown("fast"); 
     } 
    }); 
}); 

我無法測試它,但我希望這會爲你工作

+0

最奇怪的事是,我必須重新加載頁面用於檢測散。爲什麼頁面不檢測散列沒有重新加載? – user1494854 2012-08-07 06:32:37

+0

即使您使用我的代碼?當你點擊其他a.change-page鏈接時,我的代碼應該替換散列 – 2012-08-07 06:43:02