Добрый день!
Реализовал на своем сайте аккордеон-меню с помощью свойства "transition", но хотелось бы кое-что доработать....
пример css для наглядности
.akkordeon ul{
display:block;
overflow: hidden;
height:50px;
transition: height 1s ease-in-out;
-webkit-transition: height 1s ease-in-out;
}
.akkordeon ul:hover{
height:300px;
}
При наведении на меню оно раскрывается до 300px с определенной скоростью и если убрать курсор с меню до того, как оно полностью раскроется, то оно сразу начнет закрываться.
Это не очень удобно, например, как на моем сайте, переход с 1-го меню на 2-е осуществляется неудобно (почему, можно посмотреть тут www.favorkrep.ru).
Вопрос: можно ли с помощью одного лишь css заставить меню раскрываться всегда до конца, независимо от времени наведения курсора? Если это под силу только jquery, то как это проще всего реализовать, оставляя в работе уже мой css 3 код?
p.s. ссылки на толковые ресурсы jquery для чайников приветствуются 
Простой
Простой
