带锚点的jQuery切换

带锚点的jQuery切换,jquery,anchor,Jquery,Anchor,我创建了一个函数,当单击某个元素时,打开该函数以显示一个div。我在一页上有几个这样的。我怎样才能在只打开某个div的情况下链接到该页面 HTML: 好的,您可以让jquery在您链接到的页面的URL中附加一个查询字符串,该字符串“携带”打开的DIV,例如myurl.html?opened=DIV_3 也许有一种方法可以使用#来实现这一点,但两者似乎都有点笨重和不受欢迎 您可以执行Ajax,并将其存储在PHP会话中 (我以前只见过在导航中对手风琴风格的菜单执行此操作,但是你知道你的父母总是浏览页

我创建了一个函数,当单击某个元素时,打开该函数以显示一个div。我在一页上有几个这样的。我怎样才能在只打开某个div的情况下链接到该页面

HTML:


好的,您可以让jquery在您链接到的页面的URL中附加一个查询字符串,该字符串“携带”打开的DIV,例如myurl.html?opened=DIV_3

也许有一种方法可以使用#来实现这一点,但两者似乎都有点笨重和不受欢迎

您可以执行Ajax,并将其存储在PHP会话中

(我以前只见过在导航中对手风琴风格的菜单执行此操作,但是你知道你的父母总是浏览页面,所以你可以打开它的LI)

编辑添加:这里有一个指向Javascript函数的链接,您可以使用该函数查看查询字符串,从而确定需要打开哪个DIV:

我相信这就是你想要的答案。。。。快乐编码


演示

你不能让某个东西向下或向上滑动,同时在转到新地址时重新加载页面,或者你在页面加载时进行滑动,或者你阻止链接的默认操作,你只是不能同时使用这两种方式。谢谢,但最终我成功了。请参阅initial post.for your window onload,您还可以使用jquery window.load()方法,然后也简化该部分-无论如何,这是一个很好的工作!谢谢,这对我帮助很大!我为每个隐藏的div添加了一个id,然后添加了一个额外的函数,请参见初始帖子!您好,太好了,很高兴它已排序-我还了解了location的哈希属性!:)
<div class="heading">
    <p>
        <a href="#">....</a>
    </p>
</div>
<div class="more">
    <p>...</p>
</div>

etc.
<script type="text/javascript">
    $(function () {
        if($('.heading')[0]) {
            $('.heading').toggle(function () {
                $(this).next('.more').slideDown();
            },

            function () {
                $(this).next('.more').slideUp();
            });
            $("a[href='" + window.location.hash + "']").parent(".heading").click();
        }
    })
</script>
window.onload = function() {
    var hash = window.location.hash;
    if(hash != "") {
        var id = hash.substr(1); 
        document.getElementById(id).style.display = 'block';
    }
};