Javascript 如何根据值在页面加载时展开可折叠菜单的某些部分

JSFiddle：

HTML（使用XSLT生成）：

• 当另一个

  UL

  点击了吗？其他一切都按预期进行

• 当我想让访问者看到我们的链接时，问题就出现了 显示“这是第二个链接子链接1”的部分，无需来到页面，然后单击它。但是因为 它们都在一个页面中，没有办法开箱即用。 我想知道是否有一种方法可以在 Url并使用它直接转到子链接？例如： . 2.1表示它是第二个主菜单和第一个子菜单。有 有没有办法将其合并到我的Jquery脚本中

---

扩展主题（）权威问题中的示例以解决此特定问题，您可以使用这些方法中的任何一种来解析

window.location

并基于查询字符串参数采取操作

下面是一个工作示例，使用假URL而不是

window.location

，因为代码段位于沙盒框架中。此示例使用，但还有许多其他选项

功能日志（o）{
var el=document.createElement（'div'）；
el.innerHTML=o；
文件.正文.附件（el）；
}
document.getElementById（'button-1'）。onclick=function（）{
日志（'单击按钮1！'）；
};
document.getElementById（'button-2'）。onclick=function（）{
日志（'点击按钮2！'）；
};
//抓取“单击”查询字符串参数。将单击具有指定ID的按钮。
//在此沙盒框架内使用假URL而不是window.location
document.getElementById（URI（'http://example.com?click=button-1'）。搜索（true）[“单击]）。单击（）

按钮1-自动单击
按钮2-未自动单击
如果您询问如何在JavaScript中获取查询字符串值，则已回答：@DrewGaynor谢谢，但我想知道如何获取查询字符串值并将其合并到我的代码中以打开确切的菜单/子菜单。“为什么当单击另一个UL时，第一个UL不会丢失当前类？其他一切正常。“你是说
？“护理”链接具有
id=“当前”功能“
，其样式与
.current
@divinecomedia相同，谢谢您指出。我想我删除了它，但我想我没有。谢谢你的回复，但我可以做到，我想看看如何根据查询字符串展开可折叠菜单的某些部分。@SiKni8当然，这只是一个简单的示例。不要调用按钮上的
。单击（）
，只需解析查询字符串值并使用它来单击其中一个可折叠菜单标题即可。
<div id="dvExpProvHolder" class="hidOverflow innerDivCenter">
    <ul class="uSPStyle" id="uSPStyle">
        <li class="setRelative">
            <a class="tfLink clickMe current" title="Care" data-toggle=".tfLink1" id="current" href="javascript:void(0);"><img src="theImages/imgMenu.png" id="imgFirstM" class="imgExpCol" />Care</a>
            <ul class="uSPStyle uSPInner" style="width: 80%;">
                <li><a class="tfLink clickMe" title="This is sub" data-toggle=".tf1SLink1" href="javascript:void(0);">This is sub</a></li>
            </ul>
        </li>
        <li>
            <a class="tfLink clickMe" title="Breast Cancer" data-toggle=".tfLink2" href="javascript:void(0);"><img src="theImages/imgMenu.png" id="imgFirstM" class="imgExpCol" />BC</a>
            <ul class="uSPStyle uSPInner" style="width: 80%;">
                <li><a class="tfLink clickMe" title="OUR LINK" data-toggle=".tf1SLink2" href="javascript:void(0);">OUR LINK</a></li>
            </ul>
        </li>
        <li>
            <a class="tfLink clickMe" title="About" data-toggle=".tfLink3" href="javascript:void(0);">About</a>
        </li>
        <li>
            <a class="tfLink clickMe" title="Anxiety" data-toggle=".tfLink4" href="javascript:void(0);">Anxiety</a>
        </li>
        <li>
            <a class="tfLink clickMe" title="Services" data-toggle=".tfLink5" href="javascript:void(0);">Services</a>
        </li>
    </ul>
</div>