用jquery按url显示隐藏的div

我使用jquery通过点击按钮来显示/隐藏div，效果很好，但我希望能够使用url来显示div：例如：somesite.com/page.php#ShowThisDiv

这是我正在使用的jquery：

$(function () {
    $('#Options ul li a').on('click', function (e) {
        e.preventDefault();
        var newcontent = $(this).attr('href');

        $('#Options ul li a').removeClass('sel');
        $(this).addClass('sel');

        $('#Info section').each(function () {
            if (!$(this).hasClass('hidden')) {
                $(this).addClass('hidden');
            }
        });

        $(newcontent).removeClass('hidden');
    });
});

---

请提供任何建议。

您可以使用纯javascript从url中获取ID：

var url = 'http://somesite.com/page.php#ShowThisDiv';
var id = url.substring(url.lastIndexOf('#'));
alert(id); //outputs #ShowThisDiv

更新：

function loadDiv() {
    var url = window.location; //Example: http://somesite.com/page.php#ShowThisDiv
    var id = url.substring(url.lastIndexOf('#'));
    $(id).show(); //Displays the div #ShowThisDiv
}

loadDiv();

更新2

HTML

---

什么意思是我想从另一个页面链接并显示到div，所以如果我在主页上，并且我是cic page2.php#DivName，它将转到第2页并显示隐藏的divSee更新，将它放在一个单独的js文件中。通过调用

loadDiv（）

函数，随时加载div。然后使用

窗口获取url。位置

并将div显示出来。谢谢，这确实有效。我可以问一下页面是否已经有一个选定的div显示我该如何隐藏它，以便只显示一个div，因此我需要查看div的html，您可以做的是为所有div分配一个相等的类，并使用类选择器隐藏所有这些div，然后使用url中的Id显示正确的div

<div class="divs" id="div1">...</div>
<div class="divs" id="div2">...</div>
<div class="divs" id="div3">...</div>
<div class="divs" id="div4">...</div>

function loadDiv() {
   //Hide divs
   $('.divs').hide();

   //Get div to show
   var url = window.location; //Example: http://somesite.com/page.php#div1
   var id = url.substring(url.lastIndexOf('#'));

   //Show div
   $(id).show(); //Displays the div #div1
}

loadDiv();