Javascript 仅在移动设备上折叠的jQuery可折叠元素

Javascript 仅在移动设备上折叠的jQuery可折叠元素,javascript,jquery,Javascript,Jquery,当点击.toggle day时,我会尝试这样做。数据目标会打开或关闭一个类,以显示该框 jQuery(document).ready(function(){ var windowWidth = jQuery(window).width(); if(windowWidth <= 768) //for iPad & smaller devices jQuery('.panel-collapse').removeClass('in'); // start everyth

当点击.toggle day时,我会尝试这样做。数据目标会打开或关闭一个类,以显示该框

jQuery(document).ready(function(){
  var windowWidth = jQuery(window).width();
  if(windowWidth <= 768) //for iPad & smaller devices
     jQuery('.panel-collapse').removeClass('in'); // start everything collapsed on mobile

     jQuery('.toggle-day').click(function(){
       // get this data-target
        var target = $(this).data("target");
        target.toggleClass('in');
        });
});

你差点就拿到了。 只要改变一下:

target.toggleClass('in');
致:

因为
target
是带有元素id的字符串,用于切换其类,您可以使用jquery来获取元素

jQuery(文档).ready(函数(){
var windowWidth=jQuery(window).width();
如果(windowWidth你几乎拥有了它。
只要改变一下:

target.toggleClass('in');
致:

因为
target
是带有元素id的字符串,用于切换其类,您可以使用jquery来获取元素

jQuery(文档).ready(函数(){
var windowWidth=jQuery(window).width();
如果(窗宽)
target.toggleClass('in');
$(target).toggleClass('in');