Question

以下是我的导航栏代码。有人可以帮助我激活切换按钮。它没有响应点击。我只是想让它切换侧边栏包装器的内容。我希望它完全可见，一旦我点击按钮它就会消失，一旦我再次按下切换按钮就应该回来。对此我很陌生。任何帮助表示赞赏。

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><button class="navbar-toggle collapse in" data-toggle="collapse" id="menu-toggle-2" style="border:none;"><span class="fa-stack"> <i class="fa fa-bars fa-stack-2x "></i></span></button></li>
                </ul>
                <div style="text-align: center; font-size: 20px; padding-top: 7px;">
                    <a href="http://sunlightfoundation.com/" target="_blank"><img src="images/logo.png"></a>
                    <p style="display: inline"><b>Congress API</b></p>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2" style="background-color: black">
            <div id="sidebar-wrapper">
                <ul class="sidebar-nav nav-stacked" id="menu">
                    <li class="active" onclick="showMainDivision('legislate','bills','committees','favourites')">
                        <a ng-click="getLegislators()"><span class="fa-stack fa-lg pull-left"><i class="fa fa-user fa-stack-1x "></i></span>Legislators</a>
                    </li>
                    <li onclick="showMainDivision('bills','legislate','committees','favourites')">
                        <a ng-click="getActiveBill()"> <span class="fa-stack fa-lg pull-left"><i class="fa fa-file-o fa-stack-1x "></i></span>Bills</a>
                    </li>
                    <li onclick="showMainDivision('committees','bills','legislate','favourites')">
                        <a ng-click="getCommittees()"><span class="fa-stack fa-lg pull-left"><i class="fa fa-sign-in fa-stack-1x "></i></span>Committees</a>
                    </li>
                    <li onclick="showMainDivision('favourites','committees','bills','legislate');">
                        <a ng-click="getFavourites()" id="fav_load"><span class="fa-stack fa-lg pull-left"><i class="fa fa-star-o fa-stack-1x "></i></span>Favourites</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

Answer 1

function toggleDIV(DIV)
{
    if(document.getElementById(DIV).style.display=="none")
    {
        document.getElementById(DIV).style.display="block"
    }
    else
    {
        document.getElementById(DIV).style.display="none"
    }
}

// use it like:
// onClick="toggleDIV('myDivName')";

bootstrap导航栏切换？

1 个答案: