真的很难解决这个简单的问题。手风琴有几个部分。我遇到的问题是我希望顶级手风琴部分默认扩展,但是,由于不同部分的数据是从api调用填充的,如果顶部下面的部分返回顶部后面的数据,他们会收缩或折叠顶部。我可以使顶部下方的部分不会展开,并在顶部加载展开时模拟鼠标单击,但如果数据从下面的部分返回,它会再次折叠顶部。
这是我手风琴的一部分的代码:
<accordion>
<div class="zone zone-aside-right">
<div data-ng-controller="SelectUserController" id="account-group-widget">
<accordion-group class="sp-sidebar-module">
<div>
<accordion-heading>
<h3 class="h4 sp-sidebar-module-header">
<a id="headerRelatedContacts" href="javascript: void(0);" data-ng-click="isOpen = !isOpen"><i id="iconRelatedContacts" class="icon-refresh icon-spin"></i>@mycontact.text</a>
</h3>
</accordion-heading>
<div class="sp-sidebar-module-content" ng-cloak>
<ul id="account-groups-list" class="sp-account-groups">
<li class="" ng-repeat="x in contacts">
<div>
<h4 style="display: block; width: 50%; float:left" class="h4 sp-account-group-name"><b>{{x.clientTaxonomy}}</b></h4>
<h4 style="display: block; width: 50%; float:left" class="h4 sp-account-group-name">{{x.fullname}}</h4><br>
<h4 style="display: block; width: 50%; float: left" class="h4 sp-account-group-name">{{x.contactdata}}</h4><br>
<h4 style="display: block; width: 50%; float:left" class="h4 sp-account-group-name"><a href="mailto:{{x.contactemail}}">Contact me</a></h4>
</div>
<div>
<img style="width: 100px; height: 100px; margin-top: -30px" onError="this.onerror=null;this.src='@Url.Content(Html.ThemePath(WorkContext.CurrentTheme, "/_images/RelatedContacts/default.jpg"))'"
src="@Url.Content(Html.ThemePath(WorkContext.CurrentTheme, "/_images/RelatedContacts/{{x.userclientcode}}.jpg"))" />
</div>
<br>
</li>
</ul>
</div>
</div>
</accordion-group>
</div>
<accordion>