slideUp связанного дизайн пользовательского интерфейса

Question

Я работаю над концепцией пользовательского интерфейса, который виден здесь http://jsfiddle.net/nudeape/CZsjw/1/

Я хочу, чтобы, когда я нажимаю «больше» дополнительного текста должен скользить вверх и общую высоту супер-контейнер (Li. обновление) соответственно. Основание li.update должно оставаться таким, каким оно есть, и его верхний край должен скользить вверх, перекрывая текст «Заголовок» и линию над ним.

Может кто-нибудь, пожалуйста, помогите мне ??

Answer 1

Очень хорошая идея. У вас была очень простая проблема.

У вашей css небольшая ошибка.

Если изменить это:

.update ul.expand{ 
    display:none; 
    position:absolute; 
    bottom: 25px; 
} 

к этому:

​.update ul.expand{ 
    display:none; 
} 

Он отлично работает!

Вот неподвижная jsFiddle http://jsfiddle.net/CZsjw/11/