Получить высоту раскрывающегося меню с несколькими уровнями

Question

Я создал многоуровневое раскрывающееся меню. Возникает проблема, когда я пытаюсь получить высоту элемента на уровне 2, но уровень 1 работает правильно. Зачем?

jsFiddle

alert($('ul.sub-1').outerHeight()); // --> 240 
alert($('ul.sub-2').outerHeight()); // --> 0 

Answer 1

вам нужно использовать видимость вместо дисплея. см. updated fiddle

ul.sub-menu { 
position: absolute; 
visibility: hidden; 

li:hover > .sub-menu { 
visibility: visible; 
}