Не выставляйте таких картинок, они прокручивают страницу, это мешает просмотру основного.
У вас же сервер знает, что кому принадлежит. Поэтому, при выводе страницы свяжите опции списка со соответствующими LI содержащими их изображения именами классов. Можно и по data-id, тогда в обработчике изменения:
$('span.cityItem').click(function() {
$('li[data-id]').not($('li[data-id!='+this.getAttribute('data-id')+']').hide()).show()
})
добавив эти атрибуты LI
<li data-id="51c88886-7a23-f24e-0161-5b68dac8dc1d"...
<li data-id="51c88886-7a23-f24e-0161-56abf9398685"...
соответственно.