javascript - Accordion 向下滑动打破页面

Question

我正在做一些工作来学习 jquery 和 JavaScript 中的其他东西，同时，尝试以仪表板样式构建新的东西，只是为了学习，但在这中间，我添加了一个 Accordion ，但它发布了其他我不想发布的东西，如果你们能看看我的 codepen 元素，我将不胜感激。我正在寻找解决方案的问题是框架“玩家操作”继承了“策略分析器”的相同属性，当我向下滑动“恢复”时，它们在页面的其余部分执行相同的操作。

我将其用于 Accordion :

$(document).ready(function(){
  $('.accordionContent').hide();
  $('.accordionTitle').on('click', function(){
    $(this).next().slideToggle(500);
  });
});

其余代码、html 和 css 位于链接上。

CodePen Project Here

谢谢大家。

Answer 1

我只是在第二个框架中添加了一个新类，它似乎有效。

.nocollapse {
   height: 300px;
   overflow: hidden;
}

Codepen Demo