显示/隐藏按钮取决于他隐藏的父母的高度

Question

我对编程有点新意，对我来说这是一个复杂的问题。

我正在建立一个网站，我正在使其完全响应（http://www.metagame.gg/champions/azir）

我想要显示＆＃34; 了解更多＆＃34;如果div的内容高于80px

，则按钮

这是一个例子： 我们可以看到，中间的Div没有显示＆＃34; 阅读更多＆＃34;按钮，因为没有更多的内容要显示。

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

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

这很有效，但在视口小于980px 时无法使用，因为页面会更改，而父级会变为隐藏的div 。所以jquery代码检测到父div高度是0px，即使它不是，所以＆＃34; 阅读更多＆＃34;按钮永远不会显示。

小于980像素的屏幕页面：

div扩展后，＆＃34; 了解更多＆＃34;按钮不会出现，因为父div高度为0px。

非常感谢您提前

Answer 1

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

jakeboxer 已回答lt Here。