Создание DropDown меню "DropUp"

Question

Я пытаюсь реализовать выпадающее меню. В качестве отправной точки я использую существующее раскрывающееся меню, построенное с использованием HTML/CSS/jQuery на основе выпадающих простых CSS-уловок jQuery. (Поскольку я не мог заставить работать чисто CSS-код на сенсорных устройствах, поскольку они полагались на состояния при наведении.)

Я добился небольшого прогресса, возиться с ul.dropdown ul {top: -100%; } но это только сдвигает раскрывающийся список вверх на один "ряд", я не уверен, что это семантическая CSS.

Есть идеи, как мне этого добиться?

Я сделал jsfiddle этой проблемы здесь - http://jsfiddle.net/TTTb6/

Answer 1

Попробуйте изменить это:

ul.dropdown ul {
    bottom: 100%;
}

Обновленный jsfiddle

Answer 2

Вместо topиспользовать bottom: 100%;:

ul.dropdown ul {
    position: absolute;
    bottom: 100%;
}

Answer 3

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

Нажмите, чтобы закрыть раскрывающееся меню jQuery на мобильных устройствах, сохранив при этом другое поведение.