Как грамотно отверстать список?

Question

[Сергей]

Добрый день. Я понимаю, что выглядит как задание, но на самом деле очень прошу просто помочь.
Итак.
Брал ЭТО меню ОТСЮДА.

Не знаю даже с какой стороны подойти. Мне не нужны картинки, но хочется приделать CSS-треугольники к пунктам где есть подменю. И сделать не по клику а по hover`у. Вопроса два:

1. Как отредактировать JS в таком случае.
2. Прошу помощи, показать на одном пункте меню, как вставить CSS-треугольник к пункту меню.

Answer 1

[Ankhena]

1.1 Если речь идет про открывание подуровней при ховере:
Ну представьте как пользователь проводит мышкой по меню и у него начинается дикое прыгание пунктов меню. Он считает, что от 2-го до 3-го пункта меню ему мышкой надо провести 1 см, а оказывается, что намного больше. А если это не очень ловкий пользователь?
Если бы второй уровень в сторону открывался, тогда да.

1.2. Если речь идет про показывать треугольники по клику, то они должны показываться как раз таки в закрытом меню.

2. Типа этого:

.parent {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.5em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    border-color: #229D99 transparent transparent transparent;
}

Comments

[Сергей]

1.1 К сожалению это весьма важно. Нужен именно ховер. Потому что ссылкой будут не только подменюхи, но и сам пункт который это подменю вызывает. Может быть посоветуете как это еще реализовать? При ховере появление подменю справа\слева не вариант =(

1.2 Треугольник будет находится рядом с пунктом меню, который вызывает подменю (типо подсказка которая указывает что тут есть подменю)

ПС В идеале, конечно, сделать треугольник крутящимся, но это уже следующий момент

[Сергей]

Крутящимся при ховере само собой)))

[Ankhena]

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

[Ankhena]

Сергей: про 1.1. - еще раз подумайте о юзабилити и структуре меню. Значит надо по другому формировать меню.