Как снова вернуть изображение?

Question

В моем проекте цель - когда я нажимаю на одно изображение (например, northview), которое должно отображать одно изображение. еще раз, когда я нажимаю на другое изображение (например, на юг), другое изображение должно перекрывать ранее существующее изображение, и оно должно продолжаться, когда я нажимаю другую кнопку.

С существующим кодом он работает только один раз. I.e, если я нажимаю на север, изображение выходит, если я нажимаю на юг, другое изображение появляется поверх него, но когда я снова нажимаю север, соответствующее изображение не появляется. Предложи меня, что изменить в моем коде.

Вот мои custom.js

/*-----------------------------------------------------------------------------------*/ 
/* INCREASE IMAGE SIZE ON MARKER BUTTON CLICK: PLAN PAGE 
/*-----------------------------------------------------------------------------------*/ 
jQuery(document).ready(function() { 
$("#southview").click(function() { 
    $('.southviewpart').show(); 
    /*$("#leftpart").find("*").prop("disabled",true);*/ 

}); 

$("#northview").click(function(){ 
    $('.northviewpart').show(); 
}); 

$("#eastview1").click(function(){ 
    $('.eastviewpart').show(); 
}); 

$("#eastview2").click(function(){ 
    $('.eastviewpart').show(); 
}); 
}); 

/*-----------------------------------------------------------------------------------*/ 
/* HIDE IMAGE ON CLICKING IMAGE: PLAN PAGE 
/*-----------------------------------------------------------------------------------*/ 
jQuery(document).ready(function() { 
$('.southviewpart').click(function() { 
    $('.southviewpart').hide(); 

}); 

$('.northviewpart').click(function(){ 
    $('.northviewpart').hide(); 
}); 

$('.eastviewpart').click(function(){ 
    $('.eastviewpart').hide(); 
}); 
}); 

Answer 1

Спасибо за предложения и решения, однако я изменил мой код НЕМНОГО

jQuery(document).ready(
    function() 
    { 
     $("#southview").click(
      function() 
      { 
       $('.northviewpart').hide(); 
       $('.southviewpart').show(); 
       /*$("#leftpart").find("*").prop("disabled",true);*/ 
      } 
     ); 

     $("#northview").click(
      function() 
      { 
       $('.southviewpart').hide(); 
       $('.northviewpart').show(); 
      } 
     ); 
    } 
); 

Сво работает отлично теперь.

некоторые изменения с помощью метода переключения()

$('.northviewpart').hide(); 
    $('.southviewpart').hide(); 
$('#south').click(function() { 
    $('.southviewpart').toggle(); 
    $('.northviewpart').hide(); 
}); 

$('#north').click(function(){ 
    $('.northviewpart').toggle(); 
    $('.southviewpart').hide(); 
});