Как скрыть блок информации при клике на другой блок, который должен отобразиться в этом окне? Блоков несколько и нет желания прописывать, например, для блока1 все названия других, чтобы при клике на блок1 скрылся из виду любой из остальных блоков, который на данный момент на экране. пример привожу на части кода из четырех блоков.
function showInfUKMain() {
$('#UK').toggle();
};
function showInfUKSCO() {
$('#SCO').toggle();
};
function showInfUKSCOLand() {;
$('#SCOLand').toggle();
};
function showInfUKWls() {
$('#Wls').toggle();
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="main">
<li><img id="icon" src="img/plus.gif" onclick="imgsrcUK(this)">
<span id=UKMain onclick="showInfUKMain(this)" style="cursor: pointer">Великобритания</span>
<ul>
<div id="UKOne">
<li><img id="icon" src="img/plus.gif" onclick="imgsrcSCO(this)">
<span id=UKSCO onclick="showInfUKSCO(this)" style="cursor: pointer">Шотландия</span>
<ul>
<div id="UKTwoFirst">
<li>
<span id=UKSCOLand onclick="showInfUKSCOLand(this)" style="cursor: pointer">Пейзажи</span></li>
</div>
</ul>
</li>
<div id="UKTwo">
<li>
<span id=UKWls onclick="showInfUKWls(this)" style="cursor: pointer">Уэльс</span></li>
</div>
</div>
</ul>
</li>
</div>