Question

我正在寻找一个解决方案：我想要达到Div的高度而不是complet。所以我试试这个，但没有工作。我看到firebug中的第一个类更改，并且高度变为36px。但是后面没有用。我尝试添加和删除类。

$$('.outer').setStyle('height', '660px');

$$('.outer h2').addEvent('click', function(){
    if (this.hasClass('close')) {
        var parent = this.getParent();
        parent.removeClass('close');
        parent.morph({
        'height': '660px'
      });
    } else {
        var parent = this.getParent();
        parent.addClass('close');
        parent.morph({
        'height': '36px'
      });
    }
});

更新

http://jsfiddle.net/Zbbd9/2/

知道了。

最好的问候

Answer 1

您选择了错误的父容器。

试试这样：

$$('.outer h2').addEvent('click', function(){
    var parent = this.getParent();
    if (parent.hasClass('close')) {
        parent.removeClass('close');
        parent.morph({
            'height': '660px'
        });
    } else {
        parent.addClass('close');
        parent.morph({
            'height': '36px'
        });
    }
});

添加一个类来识别当前状态是一种可靠的方法，但您可能也想考虑其他替代方法，例如使用toggleClass或引用完全不同的东西，如滑块或类似物。< / p>

Mootools Morph身高和背部

1 个答案: