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

Question

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

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

Любые идеи, как я мог бы достичь этого?

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

Answer 1

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

ul.dropdown ul { 
    bottom: 100%; 
} 

Updted jsfiddle

Answer 2

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

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

Answer 3

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

Click to close jQuery dropdown menu on mobile devices while retaining other behavior