2012-06-11 35 views
0

我有一個簡單的jQuery腳本,顯示和隱藏的div塊:jQuery的節目,如果URL中包含

<script type="text/javascript">' 
    $(document).ready(function(){  
     $(".slidingDiv").hide(); 
     $('.show_hide').click(function(){ 
      $(".slidingDiv").slideToggle(); 
     }); 
    }); 
</script> 

<a class="show_hide" href="#">Show/hide</a> 
<div name="gohere" class="slidingDiv"> 
    ... 
</div> 

它工作正常,但如果URL中包含#gohere我想自動顯示這個div只有隱藏如果.show_hide被點擊。

回答

1

設置要gohere的div ID,那麼你可以做:

$('.show_hide').click(function(){ 
    $($(this).attr('href')).slideToggle(); 
}); 

因爲href屬性將包含#gohere,爲的slideToggle選擇最終會被#gohere,這corelates到您的div ID。

編輯: 對於您的問題的第一部分,您可以從window.location.hash獲取當前的散列標記。

if (window.location.hash.length > 0) { 
    $(window.location.hash).show(); 
} 

你應該在這裏更好的錯誤檢查,但它應該工作。