Mootools Morph高度和背部

Question

我正在尋找一個解決方案： 我想要提高Div的高度，但不能完成。 所以我嘗試這個，但沒有工作。我看到了螢火蟲的第一個classchange，並將高度改爲36px。 但後面沒有工作。我嘗試添加和刪除類。

http://jsfiddle.net/Zbbd9/1/

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

UPDATE：

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或引用的東西與滑塊或類似的完全不同。