Сменить блоки информации по клику

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>