Подтвердить что ты не робот

Получить #anchor для URL-адреса с помощью jQuery?

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.

Как я могу прочитать привязку из URL с помощью jQuery и скрыть/показать соответствующие разделы?

4b9b3361

Ответ 1

Вы можете изменить начальное скрытие на window.location.hash, заменив это:

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

При этом:

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

Это скроет оба изначально, а затем покажет hasd (#red-hashhere) или по умолчанию покажет #red-information, как вы сейчас.