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

时间:2016-10-26 08:21:19

标签: javascript jquery show-hide display ng-show

当一个人点击一个按钮时,使用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";      
};

1 个答案:

答案 0 :(得分: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