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

试试这个，只是更新了一些代码（实现这个effect）

$(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);
        });
    });    
});

DEMO.

jquery扩展切换

2 个答案: