0

我正在做一个项目，我们正在使用 twitter bootstrap。有一个侧边栏，我设置了一个折叠按钮，该按钮隐藏在桌面上，在任何其他较小的分辨率下可见。我想设置它，以便折叠在桌面中打开并在任何其他时间关闭。代码如下所示：

<p class="lead visible-desktop"><i class="icon-search"></i> Quick Search</p>
     <button type="button" class="btn hidden-desktop" data-toggle="collapse" data-target="#quicksearch"><i class="icon-search"></i> Quick Search</button>
     <div id="quicksearch" class="in">
          some content here...
     </div>

有人能把我引向正确的方向吗？

4

1 回答 1

1

以防万一其他人寻找这个，这就是我所做的......

jQuery解决方案：

这段代码

<div id="quicksearch" class="in">
      some content here...
 </div>

更改为，以便默认显示与 div 展开

<div id="quicksearch">
      some content here...
 </div>

并添加了此脚本，以便在加载窗口大小或将其大小调整为低于 765px（引导电话宽度）时，切换“折叠”类，这当然会折叠 div

var toggleBlock = function() {
    var windowsize = $(window).width(),
        isDesktop = windowsize > 765;
    $("#quicksearch").toggleClass("collapse out", !isDesktop);
}

$(document).ready(toggleBlock);
$(window).on("resize.showContent", toggleBlock);
toggleBlock();
于 2013-07-25T01:16:16.633 回答