所以,因为我无法得到答案在这里我的问题: 我如何打开一个手风琴组,当我点击关闭另一个手风琴组? - 也许这是不可能的?
我一直在努力工作,四处至少达到那种我想要做的。
这里是我的手风琴:
<button class="panel accBtn" ng-click="status.isFirstOpen = !status.isFirstOpen;runThat()">Buildings<span class="caret"></span></button>
<accordion class="m3Details">
<accordion-group is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">
<accordion-heading><span class="noQuery">Building<span class="caret"></span></span></accordion-heading>
<li ng-repeat="y in m3Info" class="{{y.linkclass}}" ng-if="!y.offsite" ><a href="{{y.link}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><img src="{{y.icon}}" width="15px" height="15px">{{y.name}}</a></li>
</accordion-group>
<accordion-group>
<accordion-heading><span ng-click="runThis()">Offsites<span class="caret"></span></span></accordion-heading>
<li ng-repeat="y in m3Info" class="{{y.linkclass}}" ng-if="y.offsite"><a href="{{y.link}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><img src="{{y.icon}}" width="15px" height="15px">{{y.name}}</a></li>
</accordion-group>
</accordion>
第一手风琴组开出禁用,这是不必要的,因为确实我也有与类标题文本无形反正noQuery
。 然后,当我点击“海水处理”,该组打开封闭的“建筑”名单。 理想情况下,我想“建筑”,再次打开当我关闭“海水处理”,但因为这似乎并不容易可行的我已经解决了有几个ng-click
提供不同的功能。
$scope.runThis = function(){
$('.accBtn').css('display','block');
$scope.status.isFirstDisabled;
};
$scope.runThat = function(){
$('.accBtn').css('display','none');
}
当“海水处理”被点击,然后在“建筑”出现“建筑”文本时,“建筑”点击消失。 我还是想一组常开,所以我想禁用能够点击“海水处理”时,它是开放的,这样,当它出现时,用户只能按“建筑”。
但是,我怎么会去编程禁用手风琴被点击的标题是什么时候? 或者,也许它会在一些有约束力的方式进行?