手风琴滑下来翻页

Question

我正在做一些工作来学习javascript和javascript中的其他东西，同时，尝试用仪表板样式构建新东西，只是为了学习，但在这个中间，我添加了一个手风琴，但它发布了我不想要的其他东西，如果你们可以看看我的代码项目，我会很高兴。我正在寻找解决方案的问题是框架“播放器操作”继承了“策略分析器”的相同属性，当我向下滑动“恢复”时，它们在页面的其余部分执行相同的操作。 / p>

我正在将它用于手风琴：

$(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