Javascript 浮动页脚栏-使用引导隐藏

我正在创建一个网站使用引导，我想有一个浮动页脚栏选择语言，Q&a等

但是我想要一个“隐藏”按钮

看起来是这样的：

…一些按钮。。

对于第一个问题：

您必须存储导航栏可见性的状态。。。 如果你不编码，浏览器怎么知道它是否应该显示导航栏

对于第二个问题

您希望折叠，但没有初始状态

您应该将

类折叠到导航栏中

Bootply：

HTML：

<div id="footer" class="navbar navbar-default navbar-fixed-bottom collapse in">
    <div id="innerFooter" class="container-fluid">
        <div class="collapse navbar-collapse">
            <div class="col-xs-6">
                <a class="btn btn-default" data-toggle="collapse" href="#footer" aria-expanded="true" aria-controls="footer">
                   Hide
                </a>
            </div>
            <div class="col-xs-6">

            ...some buttons..

            </div>
        </div>
    </div>
</div>


…一些按钮。。
对于第一个问题：

您必须存储导航栏可见性的状态。。。
如果你不编码，浏览器怎么知道它是否应该显示导航栏

对于第二个问题

您希望折叠，但没有初始状态

您应该将
类折叠到导航栏中

Bootply：

HTML：

<div id="footer" class="navbar navbar-default navbar-fixed-bottom collapse in">
    <div id="innerFooter" class="container-fluid">
        <div class="collapse navbar-collapse">
            <div class="col-xs-6">
                <a class="btn btn-default" data-toggle="collapse" href="#footer" aria-expanded="true" aria-controls="footer">
                   Hide
                </a>
            </div>
            <div class="col-xs-6">

            ...some buttons..

            </div>
        </div>
    </div>
</div>


…一些按钮。。