使DropDown菜單'DropUp'

我想實現一個下拉菜單。作爲一個起點，我正在使用基於CSS技巧的Simple jQuery Dropdowns基於HTML/CSS/jQuery構建的現有下拉菜單。（因爲我不能得到一個純粹的CSS工作在觸摸設備，因爲他們依靠懸停狀態。）使DropDown菜單'DropUp'

我已經取得了一點點進步與ul.dropdown ul {top: -100%; }擺弄，但這隻會移動下拉了'行' ，我不相信這是語義的CSS。

任何想法，我可以做到這一點？

我做了這裏的問題的的jsfiddle - http://jsfiddle.net/TTTb6/

2013-04-26 sam

嘗試改變這一點：

ul.dropdown ul { 
    bottom: 100%; 
}

2013-04-26 16:19:22 DarkAjax

NP，這是一個漫長的代碼，這樣的事情很容易忽視:) – DarkAjax 2013-04-26 16:23:20

唯一的怪癖香港專業教育學院注意到的是，菜單返現前面 - 即。在CSS中的第一個項目現在是最後一個，但它不是一個特別的問題，因爲你可以向後寫列表 – sam 2013-04-26 16:33:07

相反的top，使用bottom: 100%;：

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

2013-04-26 16:19:22

-2

對於至你需要在點擊事件中編寫代碼。請在這裏檢查這一個，你會得到你的答案......

2013-04-26 16:26:40

當然，必須觸發事件。 OP知道這一點。 OP詢問元素的樣式（定位），而不是如何觸發事件。 – 2013-04-26 16:31:03

回答