根据隐藏父级的高度显示/隐藏按钮答案

【问题标题】：Show/hide button depending on the heigth of his hidden parent根据隐藏父级的高度显示/隐藏按钮
【发布时间】：2016-08-19 10:24:24
【问题描述】：

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

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

如果 div 的内容高于 80 像素，我想显示一个“阅读更多”按钮

这是一个例子：正如我们所见，中间的 Div 没有显示“Read more”按钮，因为没有更多内容可以显示。

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

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

这很好用，但是，当视口小于 980 像素时不能使用，因为页面发生了变化，父级变成了隐藏的 div。所以 jquery 代码检测到父 div 高度是 0px，即使它不是，所以永远不会显示“阅读更多”按钮。

屏幕小于 980 像素的页面：

一旦 div 展开，“阅读更多”按钮不会出现，因为父 div 高度为 0px。

非常感谢您

【问题讨论】：

我建议这样做：对于移动视图，不要显示“阅读更多”并让内容流动，不要限制高度。另一个注意事项：您为每个 id=sectionTitle 混合/切换了 ID 和类，id 在页面上必须是唯一的。
谢谢，我认为这是一个非常好的主意。非唯一 ID 有什么缺点吗？

【解决方案1】：

非唯一 ID 有什么缺点吗？是的！！...

jakeboxer 已回复 ltHere。

【讨论】：