Mootools : 숨겨진 요소의 높이

Question

오전 모두

Mootools 효과를 만들어 토론 게시판의 메모에 응답을 표시하거나 숨길 수 있습니다. 사용자가 주석에서 "답장"링크를 클릭하면 주석 컨테이너의 높이를 높이고 응답 내용이 희미 해지기를 원합니다. 회신 내용이 이미 표시되어있는 경우 링크를 클릭하면 효과가 취소됩니다.

나는 일종의 작업을하고 있지만 내 숨겨진 요소 (내 JS에서 답장)의 정확한 높이를 얻는 데 문제가 있습니다. getDimensions(), measure() 및 getComputedSize()를 시도했지만 동일한 결과를 제공합니다. 요소가 표시되도록 설정된 경우 : none 너무 작은 높이를 얻습니다. 내가 그들을 표시하도록 설정하면 : 블록 높이가 정확합니다. 어떤 사람이 내가 잘못 가고있는 곳을 찾을 수 있습니까?

http://jsfiddle.net/andfinally/tVBCa/

건배 프레드

=======================

잠시 후

그냥 눈에 띄게 - .comments-list 컨테이너의 너비가이 문제와 관련이있는 것 같습니다. 그 너비를 제거하면 효과가 정상적으로 작동합니다. 이는 아마도 getDimensions가 요소에 중첩되지 않은 경우 요소의 높이를 가져 오는 것을 의미합니다. 아무도 내가 중첩 될 때 높이가 어떻게 될지 생각해 낼 수 있습니까?

건배 프레드

Answer 1

당신이 Fx.Reveal을 사용할 수 있습니다, 그것은 매우 유용합니다, 그것은 많은 코드, 즉, (나는 포크 한 귀하의 예제) =>http://jsfiddle.net/steweb/DH27F/

Answer 2

를 해결하는 간단한 방법 :

replies.show(); 
var repliesH = replies.getDimensions().y;    
replies.hide(); 

그냥 치수를 얻을 보여 다시 숨 깁니다. 이것은 너무 빨리 실행되기 때문에 어느 것도 사용자에게 표시되지 않습니다.

업데이트 된 바이올렛 here. u는 문제의이 종류가 발생할 때