Pobierz #anchor dla adresu URL za pomocą jQuery?

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; 
    }); 

}); 

Jak widać, domyślnie #red-products jest ukryty, a #red-information jest widoczny. Czasami chcę #red-products być widoczne i #red-information ukryty, czyli coś podobnego

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

pokazać #red-products i ukryć #red-information. I

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

ukryć #red-products i pokazać #red-information.

Jak odczytać zakotwiczenie z adresu URL za pomocą jQuery i ukryć/wyświetlić odpowiednie sekcje?

Answer 1

Można zmienić początkowe ukryć się opierać na window.location.hash, zastępując w ten sposób:

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

z tym:

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

To ukryć zarówno początkowo, a następnie pokazać hasd (#red-hashhere) lub domyślnie pokazuje #red-information, jak masz teraz.