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.