Javascript 引导4错误：正在转换折叠

谁能帮我解决过渡问题引导4。 这是使错误未捕获错误：塌陷正在转换问题仅在不包括引导css时出现。在我的例子中，引导css与我的大型css冲突。谁能帮我解决这个问题

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。

使用以下代码折叠div：

$(".header").click(function () {

    $header = $(this);
    //getting the next element
    $content = $header.next();
    //open up the content needed - toggle the slide- if visible, slide up, if not slidedown.
    $content.slideToggle(500, function () {
        //execute this after slideToggle is done
        //change text of header based on visibility of content div
        $header.text(function () {
            //change text based on condition
            return $content.is(":visible") ? "Collapse" : "Expand";
        });
    });

});

---

查看此信息。

此问题已在Bootstrap 4.0.0-beta上解决。4.2.1版本现已推出

有几种下载方式：

• 克隆repo:

  git克隆https://github.com/twbs/bootstrap.git

• 安装方式：

  npm安装引导程序

• 安装时使用：

  纱线添加bootstrap@4.2.1

• 安装时使用：

  composer需要TWB/bootstrap:4.2.1

• 安装时使用：CSS:

  Install Package bootstrap

  Sass:

  Install Package bootstrap.Sass

有关更多信息，请参见链接

---

初始答案

v4.0.0-alpha.6

版本有一个错误，转换将在下一版本中解决

有关更多信息，请参阅、和链接

---

暂时，您可以使用@Nayana_Das示例之类的变通方法。

我最近也遇到了一个旧BT项目的问题。我的问题很简单，我有两个导航条，两个都有相同的id（因为我复制了两次示例）

---

这里的情况似乎不是这样，但我想我提到这一点，因为其他人可能会遇到这个问题，并有同样的问题

我也遇到过同样的问题，并意外地想出了解决办法

 <div class="panel-group">
     <div class="panel panel-default">
       <div class="panel-heading">
         <h4 class="panel-title" style="padding: 10px;">
            <a data-toggle="collapse" href="#collapse1">Inbox</a>
          </h4>
           </div>
          <div id="collapse1" class="panel-collapse collapse" style="display: hidden;">
         <ul class="list-group">

           </ul>
        <!--<div class="panel-footer">Footer</div>-->
          </div>
          <div id="collapse1" class="panel-collapse collapse">
         <ul class="list-group">
            <li class="list-group-item">One</li>
         <li class="list-group-item">Two</li>
          <li class="list-group-item">Three</li>
           </ul>
        <!--<div class="panel-footer">Footer</div>-->
          </div>
         </div>
    </div>

一个
两个
三个

在上面的代码中，我必须折叠id->#collapse1 我无意中创建了两个div，当我重新加载我的页面时，第二个工作正常，第一个打开了，但没有关闭，并给出了转换错误。因此，我只是删除了第一个

#collapse1

的内容，并将其保留为空，第二个工作正常。 我还尝试了其他选项，如更新引导版本或更改div的位置，但都没有成功。我希望这有帮助

---

谢谢你

我知道这一点，但我正在寻找无引导css。@shivshankar:很高兴，它对你有用，希望你能接受这个答案。