Скорость выпадения меню

[rolling]

Добрый день!

Не могу разобраться, что отвечает за выпадение меню в этом шаблоне http://demo.opencart.com/ Перерыл весь css и javascript. 

Нужно просто изменить скорость выпадения меню. 

 

Подскажите п-ста, как это сделать.

[freelancer]

#menu > ul > li > div {

    background: url("../image/menu.png") repeat scroll 0 0 transparent;

    border: 1px solid #000000;

    border-radius: 0 0 5px 5px;

    display: none;

    padding: 5px;

    position: absolute;

    z-index: 5;

}

#menu > ul > li:hover > div {

    display: table;

}

 

[RGB]

Меню не выпадает, а проявляется (ч-з свойство display, вам выше указали), поэтому скорость его никак не изменить, разве что использовать css3 и свойство transition

[EVMedvedev]

Добрый день!

Не могу разобраться, что отвечает за выпадение меню в этом шаблоне http://demo.opencart.com/ Перерыл весь css и javascript. 

Нужно просто изменить скорость выпадения меню. 

 

Подскажите п-ста, как это сделать.

 

В исходном виде скорость не поменять. Надо либо использовать css3 либо переводить меню на JS (если jQuery то соответственно fadein и fadeout). Последний вариант самый надежный, так как будет работать в любом браузере. css3 transition не во всех браузерах нормально работает (много проблем например в Opera).

[freelancer]

во-первых в стилях убрать псевдоселектор
 

#menu > ul > li:hover > div {
/*display: table;*/
}

во-вторых описать логику выпадения
 

    $('#menu > ul > li').hover(
      function() {        
        $(this).children('div').fadeIn(300);
      },
      function() {
        $(this).children('div').fadeOut(300);
      }
    )

демо тут
http://fr13684.tw1.ru/desktops

[pasha77]

во-вторых описать логику выпадения

 

    $('#menu > ul > li').hover(
      function() {        
        $(this).children('div').fadeIn(300);
      },
      function() {
        $(this).children('div').fadeOut(300);
      }
    )

подскажите а где именно описывать логику выпадения? в каком файле?

[pasha77]

подскажите пожалуйста :)

[pasha77]

Все получилось, вставил в common.js