显示当前单击的 div 隐藏先前单击的 div

下面的代码可以工作，但有一个我不明白的问题。 当我单击第一个导航链接时，它显示 div，这就是我想要的， 但是当我单击另一个导航链接时，它确实按预期显示下一个 div 但我需要隐藏之前的 div。 任何帮助表示赞赏。

类似于：如果这不是单击隐藏的导航链接。我会想。

$(document).ready(function(){

  $('#navigation a').click(function (selected) {

    var getName = $(this).attr("id");
    var projectImages = $(this).attr("name");

    //console.log(getName);
    //console.log(projectImages);

    $(function() {     
      $("#" + projectImages ).show("normal");
    });
  });
});

您可以尝试向您显示的 div 添加一个类，然后在显示新的 div 时隐藏具有该类的元素。像这样的东西：

$(document).ready(function(){ 

  $('#navigation a').click(function (selected) { 

    var getName = $(this).attr("id"); 
    var projectImages = $(this).attr("name");

    $(function() {      
      $(".current").hide().removeClass("current");
      $("#" + projectImages ).show("normal").addClass("current");
    }); 
  }); 
});