jQuery Accordion仅针对移动设备关闭

Question

由于我的网站是响应式的，有没有办法（最好只使用CSS，因为所有标记已经存在），如果在移动设备上查看我的常开手风琴会关闭？

如此小的屏幕尺寸会让人感到非常混乱。

    

过滤车辆

                          内容                  

有用的资源

                     内容2              

Answer 1

我知道你要求一个仅限CSS的解决方案，但没有任何代码片段，这是我能提供的最好的。希望这能让您了解需要做什么。假设您使用的是Bootstrap，则需要删除任何/所有打开面板的.in类。如果你没有使用Bootstrap，那么触发开放性的东西需要成为关闭目标。

从这里采取：Accordions collapse by default in mobile and expanded by default in desktop Bootstrap 3 responsive

$(document).ready(function(){
  var windowWidth = $(window).width();
  if(windowWidth <= 1024) //for iPad & smaller devices
     $('.panel-collapse').removeClass('in')
});

Answer 2

仅CSS：

@media (min-width: 704px) {
   .collapse {
      display: block !important;
      visibility: visible !important;
      height: 100% !important;
   }
}