javascript - 如何用JS显示一个元素并隐藏所有其他元素

Question

当一个人点击一个按钮时，使用 ng-click 指令，我调用一个函数 openAbout()，我希望显示一个 div 并隐藏所有其他 div。它适用于这段代码，但是有什么可以只制作两个语句，而不是五个语句吗？例如，我想要首先显示，然后隐藏所有其他内容。谢谢

<md-button id="about" ng-click="openAbout()">
     About Us
</md-button>


$scope.openAbout=function() {
    document.getElementById("first").style.display = "block";
    document.getElementById("second").style.display = "none";
    document.getElementById("third").style.display = "none";
    document.getElementById("fourth").style.display = "none";
    document.getElementById("fifth").style.display = "none";      
};

Answer 1

你的意思是

$scope.openAbout=function(){
  $(".divClass").hide(); // give all divs the same class
  $("#first").show();
};

除非你想使用 ngShow/ngHide: https://scotch.io/tutorials/how-to-use-ngshow-and-nghide