jQueryを使用してURLの#anchorを取得しますか？

Question

jQuery(document).ready(function(){ 
    $("#red-products").hide(); 
    $("#content-info").click(function(event){ 
     $("#red-products").hide(); 
     $("#red-information").show(); 
    }); 

    $("#content-product").click(function(event){ 
     $("#red-information").hide(); 
     $("#red-products").show(); 
    }); 

    $("#more").click(function(event){ 
     load(this.href); 
     return false; 
    }); 

}); 

ご覧のとおり、デフォルトでは#red-productsが非表示になり、#red-informationが表示されます。時々私は#red-productsを示し、#red-informationを非表示にする

http://localhost/networks2/profile.php?id=1&offset=1#products

のようなものを意味し、#red-productsが見えると#red-information隠しになりたいです。そして

http://localhost/networks2/profile.php?id=1&offset=1#information

#red-productsを隠し、#red-informationを表示します。

jQueryを使用してURLからアンカーを読み取り、適切なセクションを非表示にするにはどうすればよいですか？

Answer 1

あなたはこれを交換することにより、window.location.hashに基づいてされる初期非表示を変更することができます。これにより

$("#red-products").hide(); 

を：

$("#red-products, #red-information").hide(); 
$("#red-" + (window.location.hash.replace("#", "") || "information")).show(); 

これはhasd（#red-hashhere）を示し、その後、当初の両方を非表示になります今のところデフォルトで#red-informationと表示されます。