I have a few buttons along the top of a webpage, and one does a dropdown when a mouse hovers over it (this or this maybe). What would be the best way to change that to an expandable slide-down menu that shows and hides a few other sub-options when viewed on a mobile device? javascript? css? I'm using media queries to control quite a lot of the css; is there a good strategy that could use those as well to solve this puzzle?Preferably, a solution with the least coding/ad hoc mobile site as possible would be best 