Making DropDown Menu 'DropUp'

I am trying to implement a drop up menu. As a starting point I am using an existing drop down menu built using HTML/CSS/jQuery based on CSS trick's Simple jQuery Dropdowns. (As I c

Solution 1:

Try changing this:

ul.dropdown ul {
    bottom: 100%;
}

Updted jsfiddle

Solution 2:

Instead of top, use bottom: 100%;:

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

Solution 3:

For touch devices you need to write code in click event. please check this one here you will get your answer...

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