[Nexus]

<ul>
<li class="someclass1" data-address="Moscow">mosc</li>
<li class="someclass1" data-address="Rome">asd</li>
<li class="someclass1" data-address="Baku">dsa</li>
</ul>
<div class="someclass2" data-address="Moscow" style="display: none;">asdasd</div>
<div class="someclass2" data-address="Rome" style="display: none;">dasdasdasdasd</div>
<div class="someclass2" data-address="Baku" style="display: none;">zasdad</div>
<script>
	var controls=document.querySelectorAll('.someclass1[data-address]'),
		targets=[].slice.call(document.querySelectorAll('.someclass2[data-address]'));

	[].forEach.call(controls,function(node){
		node.onclick=function(){
			var address=node.dataset.address;
			targets.forEach(function(item){
				item.style.display=
					['none','block'][+(item.dataset.address==address)];
			});
		};
	});
	controls[0].click();
</script>