Здравствуйте, Уважаемые коллеги!!
С Битриксом воюю где то год.
Действительно, если читать доку, разбираться, рыться в гугле, на форумах, то можно и до луны дошагать.
Однако, не могу решить казалось бы простую задачу уже несколько дней:
Запилил шаблон horizontal_multilevel, настроил 2-уровневое меню. Все работает, все замечательно.
Однако стилизовать до конца не получается, а именно: необходимо, чтобы вложенное меню выезжало плавно, а не появлялось сразу, как в стандартном случае.
Правил разными способами css-файл шаблона, игрался с transition, перерыл много статей, но ничего не помогает.
В css файле шаблона делал так:
#horizontal-multilevel-menu li ul
{
position:absolute;
/*top:-999em;*/
top:auto;
display:none;
z-index:500;
height: 0%;
-webkit-transition: height 1.4s;
-moz-transition: height 1.4s;
-o-transition: height 1.4s;
transition: height 1.4s;
/*width:12em;*/
width:235px;
background:#F5F5F5;
border:1px solid #C1C1C1;
}
......
#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
/*z-index:1000;
top:auto;*/
display:block;
height: auto;
}
Если кто либо решал эту задачу или знает где искать ответ, подскажите пожалуйста.