使用 href link 展开多个下拉菜单

Question

在我的 header 导航中，我有 3 个下拉开关，我希望能够通过允许用户单击 href link?

这是我的下拉导航代码：

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
    <i class="fa fa-question-circle fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>

<ul class="dropdown-menu dropdown-alerts">
    <div class="" style="overflow-y: scroll;height:385px;width:350px; padding-left:0.5cm">
        <b>Support</b> Tickets
        <li class="divider"></li>
        <li>
            <a class="text-center" href="messages.php?show=support">
                <strong>See All Open Tickets</strong><i class="fa fa-angle-right"></i>
            </a>
        </li> 
    </div>
</ul>

有什么方法可以在用户单击位于页面其他位置的 link 时打开它，例如：

<a href="#dropdown-toggle">Open Dropdown</a>

或者类似的东西？

Answer 1

你的代码看起来有点奇怪，但我只是给你一个大概的想法。

HTML

<a href="#" id="open">Open Dropdowns</a>

JS

$('#open').onclick(function(){
    $('.dropdown-toggle').click();
});

javascript 的作用是，当您单击 ID 为 "open" 的元素时，它将模拟单击 all 元素class "dropdown-toggle"。这是简单的方法，希望对你有用。

使用 href link 展开多个下拉菜单

Expand multiple dropdown menus using a href link

html

jquery

href

twitter-bootstrap

dropdown