定位div以显示内容jquery

时间:2015-04-28 13:15:37

标签: jquery wordpress hide show

我正在尝试以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');
        });
    });
});
});

任何帮助将不胜感激。这是我网站的链接。

Link to site

0 个答案:

没有答案