使用href链接展开多个下拉菜单

时间:2016-01-07 18:18:51

标签: jquery html twitter-bootstrap href dropdown

在我的标题导航中,我有3个下拉切换,我希望能够通过允许用户点击href链接进行展开?

这是我的下拉导航代码:

<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>

当用户点击位于页面其他位置的链接时,我是否可以打开此功能,例如:

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

或类似的东西?

1 个答案:

答案 0 :(得分:0)

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

HTML

ALTER PROCEDURE [dbo].[usp_SelectLocations]
@sValue varchar(250) 
AS
SELECT *
FROM  Locations
WHERE Title like @sValue + '%'
OR Division like @sValue + '%'
OR LocationType like @sValue + '%'

JS

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

javascript的作用是,当您点击ID为“open”的元素时,它会模拟点击所有元素并使用“dropdown-toggle”类。这是一种简单的方法,希望这对您有用。