2016-04-25 15 views
0

私はプログラミングに少し戸惑い、これは私にとっては複雑な問題です。隠された親の高さに応じてボタンを表示/非表示

私はdiv要素のコンテンツは80px

これより高い場合はボタン「続きを読む」を表示したい(http://www.metagame.gg/champions/azir

を、私は、サイトを構築していると私はそれが完全に応答作ってい

Divs with different height ご覧のとおり、表示されるコンテンツがもうないため、中間のDivは "続きを読む"ボタンを表示しません。

これを行うには、このjqueryコードを使用します.expandClickerはボタンのクラスです。親が隠されたdiv要素なっページの変更とので、ビューポートが980pxよりも小さい場合

jQuery('.expandClicker').each(function(){ 
    if (jQuery(this).parent().height() < 80) { 
    jQuery(this).css({'display':'none'}); 
    } 
}); 

これは素晴らしい作品は、しかし、それは使用することはできません。したがって、jqueryコードでは親divの高さが0pxであってもそれが検出されないので、 "続きを読む"ボタンは表示されません。 980pxよりも小さい画面用

ページ:div要素が展開されると、親のdivの高さが0PXだったので minus 980px

、「続きを読む」ボタンが表示されません。 expanded

+1

私はこれをお勧めします:モバイルビューの場合、これまで "もっと読む"を表示せず、コンテンツが流れるようにして、高さを制限しないでください。もう1つの注意:各id = sectionTitleのIDとクラスを混在/切り替えると、idはページ上で一意でなければなりません。 – skobaljic

+0

ありがとう、私はそれはとても良いアイデアだと思います。ユニークでないIDの下には何か欠点がありますか? –

答えて

0

事前に非常に非固有のID上の任意の欠点をいただき、ありがとうございますか!はい!! ...

jakeboxer 回答ありHereです。