So zeigen Sie ein Element und verstecken alle anderen mit JS

Question

Wenn eine Person auf eine Schaltfläche klickt, mit ng-click Direktive, rufe ich eine Funktion openAbout(), ich möchte ein div angezeigt werden und alle anderen ausgeblendet werden. Es funktioniert mit diesem Code, aber gibt es irgendwas, was nur zwei Aussagen macht, anstatt fünf? Ich möchte zum Beispiel zuerst angezeigt und alle anderen versteckt werden.

Dank

<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

Sie meinen

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

es sei denn, Sie ngShow/ngHide verwenden möchten: https://scotch.io/tutorials/how-to-use-ngshow-and-nghide