2013-11-23 5 views
1

Создана вертикальная аккордеонная панель, использующая чистый css3. Все работает нормально, и я просто хотел добавить к нему переход.Вертикальная панель навигации аккордеона с использованием CSS3

Пробовал использовать -webkit-transition: height 1s ease-in;, но ничего не происходит.

FIDDLE.

Пожалуйста, помогите мне в анимации.

ответ

2

Вы переход на height но нет height назначен .sub-menu, а также, вы можете не транзитная display: none; элемент, поэтому назначать height: 0; в .sub-menu

.sub-menu { 
    height: 0; 
    overflow: hidden; 
} 

Demo

Demo 2 (Better переход на крах)

Вам не нужны display: none; и display: block;, так как height: 0; и overflow: hidden; вам понадобятся.

+0

Ох. Вот где была ошибка. Теперь я понял лучше. Спасибо за брифинг. И могу ли я получить от вас другую помощь? +1 голосовать за вас. Это мой первый голос :) –

+0

@ user2549787 вы приветствуете, даже я проголосовал за ваш вопрос уже, как вы пытались кодировать, в отличие от других, которые просто просят решения .. и спасибо :) и, конечно же, вы можете задать вопрос .. –

+0

Это [** POST **] (http://stackoverflow.com/questions/20158692/twitter-bootstrap-3-navigation-bar-using-affix). Мне тяжело тяжело. Никто не смотрит на это. Я испробовал все, что возможно, насколько мне известно. Но это не получилось. –

Смежные вопросы