如何用锚切换jquery

问题描述

| 我有一个小问题的jQuery。 情况： 我有一段jQuery代码，在这里切换结果。 JS代码：

//Set default open/close settings
$(\'.acc_container\').hide(); //Hide/close all containers
//$(\'.acc_trigger:first\').addClass(\'active\').next().show(); //Add \"active\" class to first trigger,then show/open the immediate next container

//On Click
$(\'.acc_trigger\').click(function(){
    if( $(this).next().is(\':hidden\') ) { //If immediate next container is closed...
        $(\'.acc_trigger\').removeClass(\'active\').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
        $(this).toggleClass(\'active\').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
    }
    return true; //Prevent the browser jump to the link anchor
});

现在我要打开-从URL切换锚点位置的项目，例如（

http://x.com/page.php#toggleItem2

） 题： 如何从URL中读取toggleItem2并完全打开此部分？ 额外： HTML代码：

<div class=\"container\">
    <h2 class=\"acc_trigger\"><a href=\"#toggle1\">Item1</a></h2>
    <div class=\"acc_container\">
        <div class=\"block\">
            Inner Text in toggle 1
        </div>
    </div>

    <h2 class=\"acc_trigger\"><a href=\"#toggle2\">Item2</a></h2>
    <div class=\"acc_container\">
        <div class=\"block\">
            Inner Text in toggle 2
        </div>
    </div>


    <h2 class=\"acc_trigger\"><a href=\"#toggle3\">Item3</a></h2>
    <div class=\"acc_container\">
        <div class=\"block\">
            Inner Text in toggle 3
        </div>
    </div>

</div>

我希望这个问题已明确定义。 提前致谢。     

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）