我正在尝试以div为目标,以便在点击时显示div的内容。这适用于2组中的最后一个div或者3组中的第一个和最后一个。我不确定我哪里出错了。在下面找到我的代码。
我也使用jquery使div更小,然后在它们上面附加一个div来显示和隐藏信息。
HTML
<div class="section_hidereveal">
<div class="section">CONTENT GOES HERE </div>
<div class="show">
<a class="showaction">View this section </a>
</div>
</div>
使用Javascript:
$(function(){
var $tArray = $('.section');
$tArray.each(function(){
if ($(this).height() > 600) {
$(this).addClass('expanded');
$('<div class="show"><a class="showaction">View this section</a></div>').insertAfter(this);
}
$(".show a").click(function () {
$(this).closest('.section_hidereveal').find('.section').toggleClass('visible');
});
});
});
});
任何帮助将不胜感激。这是我网站的链接。