City Selector with Jquery & CSS

I am looking to develop a city selector. When the user hovers over the city name and the blue arrow - a menu should appear with the list of other cities.

Image: http://www.datasafexl.com/images/country-select.png

When the user clicks on a city, the name of the city should appear next to the blue arrow.

I suppose this requires Jquery to be achieved.

Any ideas on how to do this would be much appreciated.

many thanks.

Looks like you just need a standard <select> list. They are hard to style, though, so if you really want that look, you could google something like “styling a select list with jquery”.

something like this then ?

http://jamielottering.github.io/DropKick/

Yep, looks good to me. :slight_smile: