Как показать один элемент и скрыть всех остальных с помощью JS

Question

Когда человек нажимает кнопку, с директивой ng-click, я вызываю функцию openAbout(), я хочу, чтобы один 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