0

トグルのトリガーとして、html エンティティ (矢印) を持つ div のスライド/トグルが必要です。divが展開されている場合を除いて、すべて正常に機能します。上向き矢印はコンテンツを元に戻しません。

ここにデモ フィドルがあります: http://jsfiddle.net/8tkmW/ - 展開は機能しますが、縮小は機能しません。
（↑中に入れるのが有効かどうかはわかりません）

助けてください、ありがとう。

4

1 に答える 1

1

ボックスが折りたたまれたり展開されたりしたときに切り替えるクラスを使用する必要があります。次の例では、collapsedクラスを使用しています。

Here's a Demo

var collapsedSize = '40px';
$('.content').each(function() {
    var h = this.scrollHeight;
    console.log(h);
    var div = $(this);
    if (h > 30) {
        div.css('height', collapsedSize);
        div.after('<a class="arrow-link collapsed" href="#">&#8595;</a><br/>');
        var link = div.next();
        link.click(function(e) {
            e.stopPropagation();
            if (link.hasClass('collapsed')) {
                link.html('&#8593;');
                div.animate({
                    'height': h
                });
                link.removeClass('collapsed')
            } else {
                div.animate({
                    'height': collapsedSize
                });
                link.addClass('collapsed')
                link.html('&#8595;');
            }

        });
    }

});
于 2013-05-27T08:46:42.017 に答える