jquery - 导航栏折叠但不显示 "collapsed menu edition"-6ren

jquery - 导航栏折叠但不显示 "collapsed menu edition"

转载作者：行者123 更新时间：2023-11-28 08:12:08

我有 bootstrap 的导航栏菜单，它在桌面版本中显示良好，但在平板电脑和手机中，当它显示折叠菜单时，下拉菜单与桌面版本相同，而不是移动版本应该这样显示:

It collapses but shows desktop version

HTML:

  <nav class="navbar navbar-simelsa">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
       <div class="menu-text hidden-lg hidden-md hidden-sm">Menú<button type="button" class="navbar-toggle collapsed navbar-bottom" data-toggle="collapse" data-target="#navbar-simelsa">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      </div>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse navbar-center" id="navbar-simelsa">
      <ul class="nav navbar-nav">
        <li class="inicio"><a href="#">Inicio</a></li>
        <li class="nosotros"><a href="#">Nosotros</a></li>
        <li class="dropdown servicios">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Servicios <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
       <li class="productos"><a href="#">Productos</a></li>
        <li class="noticias"><a href="#">Noticias</a></li>
        <li class="contacto"><a href="#">Contacto</a></li>
      </ul>
        <li class="lang navbar-right nav navbar-nav"><a href="#">ESP | ENG</a></li>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

CSS:

@media (min-width: 1024px) {

.slick-prev, .slick-next {
    top: -12% !important;
    }
}
@media (max-width: 1024px) {

.header-bg {
    background: none !important;
}

.slick-prev, .slick-next {
  top: -13% !important;
  }
#navbar-simelsa a {
    font-size: 0.8em !important;

}

.slider-bottom {
  background-position: -35px -479px !important;
}
.box-content-carousel:hover .slider-bottom {
  background-position: -33px -499px !important;

}
}


@media (max-width: 768px) {

.footer-copyright {
    margin-left: 0px !important;
}
#navbar-simelsa a {
  font-size: 0.6em !important;
}
#navbar-simelsa ul.navbar-nav li {
  margin-right: 10px !important;
}
}
@media (max-width: 640px) {

.header-bg {
   /* margin: 0 auto; */
     background-image:url('../images/header-img.png');
    background-repeat: no-repeat;
    background-position: 500px 0;
    height: 113px !important;
}

.social {
    margin-top: 10px !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#layerslider .ls-s-1 {
height: 60px !important;
}
.footer-logo {
    padding-top: 30px;
}

.slider-bottom {
  background-position: -55px -479px !important;
}
.box-content-carousel:hover .slider-bottom {
  background-position: -53px -499px !important;

}

}


@media (max-width: 480px) {

  .title-container-inicio {
      font-size: 1.3em !important;
  }
.footer-copyright  {

    font-size: 0.7em !important;

}

#layerslider .ls-s-1 {

    height: 40px !important;

}

.slider-bottom {
  background-position: -40px -479px !important;
}
.box-content-carousel:hover .slider-bottom {
  background-position: -43px -499px !important;

}


  .slick-prev, .slick-next {
  top: -13% !important;
  }

.box-content-carousel:hover .slider-bottom {
  background-position: -38px -499px !important;

} 

}
@media (max-width: 479px) {
.slider-bottom {
  background-position: 22px -479px !important;

    }
    .box-content-carousel:hover .slider-bottom {
  background-position: 24px -499px !important;

} 
.box-content-carousel img {
  margin-left: auto !important;
  margin-right: auto !important;
  }
    .slick-prev, .slick-next {
  top: -11% !important;
  }

  }

@media (max-width: 320px) {

    .slick-prev, .slick-next {
  top: -11% !important;
  }
  }


@media (min-width: 640px) and (max-width: 768px) {

.box-content-carousel h2 {
    font-size: 1.1em !important;
}
}

html {
    height: 100%;
}

body {
        height: 100%;
    margin: 0;
    background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#dbeef4, endColorstr=#fff);
 background-image:-moz-linear-gradient(top, #dbeef4 40%, #fff 50%);
 background-image:-webkit-linear-gradient(top, #dbeef4 40%, #fff 50%);
 background-image:-ms-linear-gradient(top, #dbeef4 40%, #fff 50%);
 background-image:linear-gradient(top, #dbeef4 40%, #fff 50%);
 background-image:-o-linear-gradient(top, #dbeef4 40%, #fff 50%);
  background-image: -webkit-gradient(linear, right top, right bottom, color-stop(40%,#dbeef4), color-stop(50%,#fff));
   }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background: transparent !important;
}
.header-logo {
    background-color: #33add3;
    width: 100%;
 box-shadow: inset 0 -21px 19px -24px #808080;
    -moz-box-shadow: inset 0 -21px 19px -24px #808080;
  -webkit-box-shadow: inset 0 -21px 19px -24px #808080;
}
.header-bg {
   /* margin: 0 auto; */
     background-image:url('../images/header-img.png');
    background-repeat: no-repeat;
    background-position: 500px 0;
    height: 133px;
}
#navbar-simelsa .lang a {
    color: #22a6cf;
    font-size: 1.1em;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif !important;
}
.lang {
    border-right: 0px !important;
    border-left: 0px !important;
    margin-right: 10px !important;
    line-height: 3em;
    text-decoration: none;
}
.logo {
    margin-top: 20px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.social ul li {
    display: inline-block;
    margin-right: 5px;

}

.social ul {
    list-style-type: none !important;
}

.social {
    margin-top: 73px;
}

#navbar-simelsa ul.navbar-nav li:first-child {
  border-left: 1px solid #dfdfdf;
  padding-left: 35px;

}
#navbar-simelsa ul.navbar-nav li {
  margin-right: 20px;
  border-right: 1px solid #dfdfdf;
  padding-left: 15px;
  height: 26px;
}

.dropdown-menu .divider {
  height: 1px;
  margin: -6px 0px 13px 0px;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu li:first-child {
    padding-top: 10px;

}
.navbar-simelsa {
        background: #f2f2f2;
    border: 1px solid #fff;
    margin-bottom: 2px !important;
}
#navbar-simelsa a:hover, #navbar-simelsa a:active, #navbar-simelsa a:focus {
        background-color: transparent;
}
#navbar-simelsa a {
    font-family: 'Raleway', sans-serif !important;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 0em;
    font-weight: 200;
    color: #464646;

}
#navbar-simelsa ul {
margin-bottom: 10px;
margin-top: 10px;

}
#navbar-simelsa {
    text-align: left !important;
}
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}


#navbar-simelsa .navbar-nav .open .dropdown-menu>li {
  color: pink !important; 
    display: block;
  clear: both;
  font-weight: 400;
  padding-left: 0px !important;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
    margin-right: 0px !important;
}

.menu-text {
      border: 1px solid #D2D2D2;
  height: 45px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.1em;
  color: #939393;
  border-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.navbar-bottom {
    position: relative !important;
    margin-top: 0px !important;
    border: 0px !important;
    padding-top: 5px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #939393;
  border-radius: 1px;
}


#navbar-simelsa ul.navbar-nav li.divider {

    height: 1px !important;

}
.inicio {
    background-position: 18px 2px;
}

.nosotros {
    background-position: 0 -24px;
}

.noticias {
    background-position: 0 -105px;
}

.contacto {
    background-position: 0 -132px;
}

.servicios {
    background-position: 0 -50px;
}

.productos {
    background-position: 0 -79px;
}

.inicio, .nosotros, .noticias, .contacto, .servicios, .productos, .calendar, .slick-prev, .slick-next, .slider-bottom, .container-bottom-bg, .certified {
      background-image:url('../images/sprites.png');
      background-repeat: no-repeat;
}

@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.social ul li:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}

/* LayerSlides */

#layerslider .ls-s-1 {
    background: #33add3;
    width: 284px;
    height: 260px;
    top: 45px !important;
    left: 60px !important;
    padding: 30px 20px 30px 35px;
}

#layerslider .ls-s-1 .title-box-slider {

    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    color: #fff;
    line-height: 1.4em;
    font-size: 1.5em !important;

}

#layerslider .ls-s-1 p.desc {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    color: #1b1c21;
    line-height: 2em !important;
    font-size: 0.95em !important;

}    

.hr-img {
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

.welcome {
    font-family: 'Raleway', sans-serif !important;
    color: #999999;     
}
.welcome h1 {
    font-weight: 200;
    font-size: 2.1em;
}
.welcome p {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.7em;
    margin-bottom: 25px;
}

.news {
    background: #e3ebed;
    min-height: 113px;
}

.news-img {
        overflow: hidden;

}
.news img {
      -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}
.news:hover img {
      -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.calendar {
    background-position: 0 -333px;
    padding-left: 20px;
    color: #33add3;
    font-size: 0.8em;
    font-weight: 300;    

}
.box-text {
    padding: 10px;
    font-family: 'Raleway', sans-serif !important;
}
.box-text p {
    margin-top: 10px;
    font-size: 1em;
    font-weight: 400;
    color: #000;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.title-container-inicio {
    border-bottom: 1px solid #f2f2f2;
    font-size: 1.6em;
    font-weight: 500;
    font-family: 'Raleway', sans-serif !important;
    color: #464646;
    margin-top: 20px;
    margin-right: 10px;
    padding-bottom: 5px;
}
.box-news {
    padding-left: 10px;
    padding-right: 10px;
}

/* Slider 2 */

.box-content-carousel {
    width: 268px;
    margin-right: 30px;
}
.slider-2 {
    margin-left: 15px;
}

.slick-prev.slick-disabled {
  background-position: 0 -416px !important;

}
.slick-next.slick-disabled {
  background-position: 0 -446px !important;

}
.slick-prev, .slick-next {
    width: 25px !important;
    height: 25px !important
}

.slick-next {
  right: 5px !important;
  background-position: 0 -356px !important;
}

.slick-prev {
  right: 35px !important;
  background-position: 0 -386px !important;
}

.box-content-carousel h2, .box-content-carousel p {
  font-family: 'Raleway', sans-serif !important;
  color: #838484;    
  font-weight: 200 !important;

}

.box-content-carousel h2 {
    font-size: 1.2em;
    margin-bottom: 5px;
}

.slider-img {
    border: 3px solid transparent;
    transition: all 0.5s ease;
}
.box-content-carousel:hover .slider-img {
    border: 3px solid #33add3;
    border-radius: 3px;
}

.box-content-carousel:hover {
    cursor: pointer;

}
.slider-bottom {
  background-position: 0 -479px;
  padding-top: 13px;
  display: block;
    -o-transition: all .5s;
  -moz-transition: all .5s;
   -webkit-transition: all .5s; 
  -ms-transition: all .5s;
}

.box-content-carousel:hover .slider-bottom {
  background-position: 2px -499px;

}

/* Footer */

.footer {
    background: #f5f6f6;
}

.container-bottom-bg {
  background-position: 73px -524px !important;
  padding-top: 20px;
  display: block;
  width: 738px;

}    

.footer-copyright {
    margin-left: 100px;
}

.footer-copyright, .footer-copyright a {
    color: #33add3;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1em;
    text-decoration: none;
    margin-top: 15px;

}
.link-footer-col {
    max-width: 870px;
    margin-bottom: 40px;
}

.link-footer-col h4, .link-footer-col p  {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1em;

}

.link-footer-col h4  {

    color: #33add3;
    text-transform: uppercase;

}

.link-footer-col p  {

    color: #464646;
    font-size: 0.95em !important;
    line-height: 0.9em;
}

.certified {
  background-position: 0px -530px !important;
  padding: 280px;
  display: block;
}

.certified-img {
    margin-top: 80px;
}

最佳答案

您需要更改 <nav>来自 navbar navbar-simelsa 的类(class)到:

navbar navbar-default navbar-simelsa

确保在 <head> 中包含 Bootstrap 的 CSS、jQuery 和 Bootstrap 的 Javascript :

<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<script src="https://code.jquery.com/jquery-1.11.2.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

查看 navbar 的文档和 collapse.js .

HTML:

<nav class="navbar navbar-default navbar-simelsa">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-simelsa">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse navbar-center" id="navbar-simelsa">
      <ul class="nav navbar-nav">
        <li class="inicio"><a href="#">Inicio</a>
        </li>
        <li class="nosotros"><a href="#">Nosotros</a>
        </li>
        <li class="dropdown servicios">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Servicios <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a>
            </li>
            <li><a href="#">Another action</a>
            </li>
            <li><a href="#">Something else here</a>
            </li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a>
            </li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a>
            </li>
          </ul>
        </li>
        <li class="productos"><a href="#">Productos</a>
        </li>
        <li class="noticias"><a href="#">Noticias</a>
        </li>
        <li class="contacto"><a href="#">Contacto</a>
        </li>
      </ul>
      <li class="lang navbar-right nav navbar-nav"><a href="#">ESP | ENG</a>
      </li>
    </div>
    <!-- /.navbar-collapse -->
  </div>
  <!-- /.container-fluid -->
</nav>

参见 Example .

关于jquery - 导航栏折叠但不显示 "collapsed menu edition"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29206130/

文章推荐： jquery - 滚动时 Bootstrap 面板页脚和正文重叠

文章推荐： c# - 如何在 EmguCV 中使用 C# 中的迭代器？

文章推荐： css - 如何创建粘性底部搜索框 Bootstrap (React)

文章推荐： swift - 以编程方式切换 RootViewController 会禁用触摸

dart - ShadowDom外部的父级的属性已更改(显示:无->显示:flex->显示:无)
我的Angular-Component位于一个flexbox(id =“log”)中。可以显示或隐藏flexbox。我的组件内部有一个可滚动区域，用于显示日志消息。 (id =“message-li
phpinfo() 显示 MySQL，PMA 显示 MariaDB
我真的很困惑有一个 phpinfo() 输出: MySQL 支持启用客户端 API 版本 5.5.40 MYSQL_MODULE_TYPE 外部 phpMyAdmin 显示: 服务器类型:Mar
jquery - 在 jquery 切换中单击时更改按钮文本(显示/隐藏/显示)
我正在研究这个 fiddle : http://jsfiddle.net/cED6c/7/我想让按钮文本在单击时发生变化，我尝试使用以下代码: 但是，它不起作用。我应该如何实现这个？任何帮助都会很棒
php - cakephp 显示 ID 显示 table.name 来自两个不同表的关系
我应该在“dogs_cats”中保存表“dogs”和“cats”各自的ID，当看到数据时显示狗和猫的名字。我有这三个表: CREATE TABLE IF NOT EXISTS cats ( id
php - 使用 Blade 显示 HTML 显示 HTML 代码
我有一个字符串返回到我的 View 之一，如下所示: $text = 'Lorem ipsum dolor ' 我正在尝试用 Blade 显示它: {{$text}} 但是，输出是原始字符串而不是渲染
jquery - 使用 JQuery 显示/隐藏隐藏/显示 div，但单击按钮没有效果
我无法让我的链接(由图像表示，位于页面左侧)真正有效地显示一个 div(包含一个句子，位于中间)/单击链接时隐藏。这是我的代码: Practice
javascript - 显示 image1 的脚本，然后(随机毫秒)显示 image2 并停止
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 4 年前。 Improve this ques
c# - ListView 显示 4 条记录。 DataGridView 显示 3 条记录？
最初我使用 Listview 来显示 oracle 结果，但是最近我不得不切换到 datagridview 来处理比 Listview 允许的更多的结果。然而，自从切换到数据网格后，我得到的结果越来越
xml - 如何使用 Apache fop 显示 Unicode 字符？显示 "?"而不是字符。
我一直在尝试插入一个 Unicode 字符 ∇ 或 ▽，所以它显示在 Apache FOP 生成的 PDF 中。这是我到目前为止所做的: 根据这个基本帮助 Apache XSL-FO Input，您
node.js - pm2 显示 1.2GB 而 heapdump 显示 80MB
我正在使用 node v0.12.7 编写一个 nodeJS 应用程序。我正在使用 pm2 v0.14.7 运行我的 nodejs 应用程序。我的应用程序似乎有内存泄漏，因为它从我启动时的大约 1
jquery - 如果 x 显示 x 如果 y 显示 y(我知道这个标题不好)
好的，所以我有一些 jQuery 代码，如果从下拉菜单中选择了带有前缀 Blue 的项目，它会显示一个输入框。代码: $(function() { $('#text1').hide();
google-chrome - Chrome 中的“检查元素”显示 LESS，但 Firefox 显示 CSS
当我试图检查 Chrome 中的 html 元素时，它显示的是 LESS 文件，而 Firefox 显示的是 CSS 文件。 (我正在使用 Bootstrap 框架) 如何在 Chrome 中查看 c
python - Microsoft Bot Emulator 显示 "sending failed. Retry"。 VSCode 显示 KeyError : 'HTTP_CONTEXT_TYPE'
我是 Microsoft Bot Framework 的新手，我正在通过 youtube 视频 https://youtu.be/ynG6Muox81o 学习它并在 Ubuntu 上使用 python
encoding - notepad++ 显示 ucs-2LE 而 ubuntu FILE [file] 显示 UTF-16LE，我很困惑？
我正在尝试转换从 mssql 生成的文件到 utf-8。当我打开他的输出 mssql在 Windows Server 2003 中使用 notepad++ 将文件识别为 UCS-2LE我使用 file
javascript帮助日期/显示
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
jQuery点击关闭div(显示)
我正在尝试执行单击以打开/关闭一个 div 的功能。这是基本的，但是，点击只显示 div，当我点击“关闭”时，没有任何反应。 $(".inscricao-email").click(function
flutter - 显示/隐藏小部件而不重新创建它
假设我有 2 张卡片，屏幕上一次显示一张。我有一个按钮可以用其他卡片替换当前卡片。现在假设卡 1 上有一些数据，卡 2 上有一些数据，我不想破坏它们每个上的数据，或者我不想再次重建它们中的任何一个。
javascript - 显示()未定义
我正在使用 Eloquent Javascript 学习 Javascript。我在 Firefox 控制台上编写了以下代码，但它返回:“ReferenceError:show() 未定义”为什么？
symfony - 显示/隐藏某些菜单取决于奏鸣曲管理员角色
我正在使用 Symfony2 开发一个 web 项目，我使用 Sonata Admin 作为管理面板，一切正常，但我想要做的是，在 Sonata Admin 的仪表板菜单上，我需要显示隐藏一些菜单取决
angularjs - 显示/隐藏div取决于AngularJS中的下拉列表选择
我试图显示一个div，具体取决于从下拉列表中选择的内容。例如，如果用户从列表中选择“现金”显示现金div或用户从列表中选择“检查”显示现金div 我整理了样本，但样本不完整，需要接线 http://j

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

jquery - 导航栏折叠但不显示 "collapsed menu edition"