Частично закрытый toggler

[advokatua]

Черновик:

http://jsbin.com/hocapumexesi/1/

 

Суть задачи:

В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки.

 

Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то иным способом?

Edited September 11, 2014 by advokatua

[sigma77]

а вот проценты как-то не хочет.

Правильно, проценты же ему нужно от чего-то вычислить. А вычислять их не от чего.

Можно сделать, например, так - http://jsbin.com/hocapumexesi/9/edit

[advokatua]

Большое спасибо. 

Догадывался, что все дело в вычислении height(), но найденные решения какие-то далекие от идеала были, по сравнению с твоим.