jquery - jquery 展开切换

Question

http://jsfiddle.net/w6eqk/1/

我想将内容扩展到它的高度（不固定）。我自己完成了这项工作，并且我在http://jsfiddle.net/w6eqk/1/上找到了它的解决方案，并且按预期工作正常。但是当我复制它时它搞砸了。我想显示切换扩展功能超过 1 次。它仅适用于单个但不适用于多个。这是多内容的演示链接。http://jsfiddle.net/w6eqk/129/

Answer 1

$(document).ready(function() {
    $('div.view').each(function(){
        $(this).removeClass('view');
        var innerh= $(this).height();
        $(this).next().toggle(function(){
            $(this).prev().animate({height: innerh},200);
        },function(){
            $(this).prev().animate({height:40},200);
        });
        $(this).addClass('view');
    });
});​

试试这个，每次单击元素时都会触发切换方法

Answer 2

试试这个，只是更新了一点你的代码（为了达到这个效果）

$(document).ready(function() {
    $('div.slide').click(function() {
        $('div.view').each(function(i){
            var $dV = $(this);
            $dV.removeClass('view');  
            var innerHeight = $dV.height();
            $dV.addClass('view');
            if(!$dV.data('innerHeight')) $dV.data('innerHeight', innerHeight);
            $dV.animate({
                height: (($dV.height() == 40)? $dV.data('innerHeight')  : "40")
            }, 500);
        });
    });    
});​

演示。