Twitter bootstrap 从页脚菜单打开页眉菜单中的下拉菜单

Twitter bootstrap 从页脚菜单打开页眉菜单中的下拉菜单,twitter-bootstrap,drop-down-menu,Twitter Bootstrap,Drop Down Menu,我有一个标题菜单,其中一个项目提供了一个大的4列下拉菜单。为了避免将所有18个链接都放在页脚菜单中,我只想放一个链接 在footermenu中单击该链接时,我想将页面滚动到headermenu(通过一个简单的锚/名称成功),但我也想打开该下拉菜单。这可以通过twitter引导日期属性实现吗 标题菜单的代码: <ul> <li><a href="link1">item 1</a></li> <li>

我有一个标题菜单,其中一个项目提供了一个大的4列下拉菜单。为了避免将所有18个链接都放在页脚菜单中,我只想放一个链接

在footermenu中单击该链接时,我想将页面滚动到headermenu(通过一个简单的锚/名称成功),但我也想打开该下拉菜单。这可以通过twitter引导日期属性实现吗

标题菜单的代码:

<ul>
    <li><a href="link1">item 1</a></li>
    <li>
        <a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" target="#submenu" href="#" name="submenu">item2 <span class="caret"></span>
        </a>
        <ul class="dropdown-menu multi-column columns-4">
            <div class="row">
                <div class="col-sm-3">
                    <ul class="multi-column-dropdown">
                        <li><span class="header">HEADER1</span></li>
                        <li class="divider"></li>
                        <li><a href="sublink1">subitem1</a></li>
                        <li><a href="sublink1">subitem2</a></li>
                        <li><a href="sublink1">subitem3</a></li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <ul class="multi-column-dropdown">
                        <li><span class="header">HEADER2</span></li>
                        <li class="divider"></li>
                        <li><a href="sublink1">subitem1</a></li>
                        <li><a href="sublink1">subitem2</a></li>
                        <li><a href="sublink1">subitem3</a></li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <ul class="multi-column-dropdown">
                        <li><span class="header">HEADER3</span></li>
                        <li class="divider"></li>
                        <li><a href="sublink1">subitem1</a></li>
                        <li><a href="sublink1">subitem2</a></li>
                        <li><a href="sublink1">subitem3</a></li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <ul class="multi-column-dropdown">
                        <li><span class="header">HEADER4</span></li>
                        <li class="divider"></li>
                        <li><a href="sublink1">subitem1</a></li>
                        <li><a href="sublink1">subitem2</a></li>
                        <li><a href="sublink1">subitem3</a></li>
                    </ul>
                </div>
            </div>
        </ul>
    </li>
    <li><a href="link3">item3</a></li>
</ul>
      • 校长1
      • 校长2
      • 校长3
      • 校长4
页脚菜单的代码:

<ul>
    <li><a href="link1">item 1</a></li>
    <li><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" target="#submenu" href="#submenu" name="submenu">item2</a></li>
    <li><a href="link3">item3</a></li>
</ul>