設定した高さの後のブートストラップの崩壊

Question

私が達成しようとしているのは、ブートストラップのデフォルト属性を使ってdivを折りたたむことを考えています。下に私は設定された高さの後にトリガーするjavascriptを書いたが、確信が持てないのは#moreというIDで崩壊を引き起こす方法である。

function testScroll(ev) { 
 

 
    if (window.pageYOffset > 1100) alert('User has scrolled at least 400 px!'); 
 
}

<div id="more" class="collapse">test</div>

Answer 1

あなたがcollapse functionを使用することができます選択する方法を知っていると、アイテムのクラスを変更していない理解していればそれに要素idを与えることによって、また、hereについてさらに読むことができます。

function testScroll(ev){ 
    if(window.pageYOffset>1100) { 
     alert('User has scrolled at least 400 px!'); 
     $('more').collapse('hide'); 
    } else { 
     alert('User has not scrolled at least 400 px!'); 
     $('more').collapse('show'); 
    } 
} 


<div id="more" class="collapse">test</div> 

Answer 2

ブートストラップのドキュメントで定義されている、私はあなたが#more

var collapse = function() { 

    // select the element that has the id #more 
    var element = document.getElementById('more'); 

    // now you can, for exemple change its class 
    // that's where you can apply a different css class to collapse the div 
    element.setAttribute('class','anotherClass'); 

} 

が