console 命令行工具 X clear

console

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.toggleItem = function(e) {
    angular.element(e.target).parents('.first').toggleClass('close');
  }
});

<body ng-app="myApp" ng-controller="myCtrl">
  <div class="first" ng-class="{'close':$index==3 || $index==2 || $index==1}">
    <div class="first-label" ng-click="toggleItem($event)">
      <div class="label-corner">
        <i class="iconfont">
          &#xe68b;
        </i>
      </div>
      <div class="first-panel">
        第一层
      </div>
    </div>
    <div class="second" ng-class="{'close':$index==3 || $index==2 || $index==1}">
      <div class="second-label">
        <div class="label-corner">
          <i class="iconfont">
            &#xe68b;
          </i>
        </div>
        <div class="second-panel">
          第二层
        </div>
      </div>
    </div>
  </div>
</body>

@font-face {
  font-family: 'iconfont';
  /* project id 588775 */
  src: url('//at.alicdn.com/t/font_588775_gjmob3rrk1vpldi.eot');
  src: url('//at.alicdn.com/t/font_588775_gjmob3rrk1vpldi.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_588775_gjmob3rrk1vpldi.woff') format('woff'), url('//at.alicdn.com/t/font_588775_gjmob3rrk1vpldi.ttf') format('truetype'), url('//at.alicdn.com/t/font_588775_gjmob3rrk1vpldi.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont";
  font-style: normal;
  color: #666767;
}

.first .first-label .label-corner {
  float: left;
  font-size: 30px;
}

.first .first-label .first-panel {
  font-size: 30px;
}

.first .second .second-label {
  padding-left: 5px;
}

.first .second .second-label .label-corner {
  float: left;
  font-size: 25px;
}

.first .second .second-label .second-panel {
  font-size: 25px;
}

.first.close .second {
  display: none;
}

SOURCE

本项目引用的自定义外部资源