Как тут правильно сделать выпадающее меню?

Question

[dhat]

Не могу никак сделать здесь выпадающее меню при наведении на ссылки навигации меню, так чтоб оно было в границах .header-darkGrey (т.е. центрированный темно-серый прямоугольник) - codepen.io/dhatt/pen/zKvOJQ?editors=1100

Answer 1

[Алекс Глебов]

function fixSubMenuOnMiniDisplay(){
        //если подменю выходит за границу экрана - сдвинуть его влево.
        var rightPoint = $(".sub-menu:visible").offset().left + $(".sub-menu:visible").outerWidth();
        var bodyWidth = $("body").outerWidth();
        if (rightPoint > bodyWidth){
            var delta = bodyWidth - rightPoint;
            $(".sub-menu:visible").css("left", delta);
        }

так же, только вместо боди серый прямоугольник.

Comments

[dhat]

А ".sub-menu:visible" как понимать? Я просто для выскакивания только использовал display: none на нужный div, а потом по hover менял display на block

[Алекс Глебов]

".sub-menu:visible" вернет элементы у которых не задан display: none