2016-04-25 42 views
0

我对编程有点新,对我来说这是一个复杂的问题。显示/隐藏按钮取决于他的隐藏父母的高度

我建立一个网站,我使其充分响应(http://www.metagame.gg/champions/azir

我想显示“更多”按钮,如果一个div的含量高于80px

这是一个例子: Divs with different height 正如我们所看到的,中间Div不显示“”更多“按钮,因为没有更多内容可显示。

为此,我使用这个jquery代码,其中.expandClicker是按钮的类。

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

这个伟大的工程,但是,当视小于980px因为页面的变化和母公司成为一个隐藏的div它不能被使用。所以jquery代码检测到父div的高度是0px,即使它不是,所以“阅读更多”按钮从不显示。

的屏幕比980px较小的页面: minus 980px

一旦DIV展开后,“更多”按钮不会出现,因为父DIV高度为0像素。 expanded

非常感谢你提前

+1

我会建议这个:对于移动视图不要显示“阅读更多”,让内容流动,不要限制高度。另一个注意事项:您为每个id = sectionTitle混合/切换ID和类,id在页面上必须是唯一的。 – skobaljic

+0

谢谢,我认为这是一个非常好的主意。非唯一ID的任何缺点? –

回答

0

非唯一ID的任何缺点?是!! ...

jakeboxer 已回答lt Here