我使用引导 JavaScript 库并使其工作折叠/展开元素。代码如下所示:
<div id="e_ticket_info" class="e_ticket_font" runat="server" Visible="False">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h1 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" style="color:firebrick; font-size: large;">
E-TICKET...
</a>
<i class="icon-large icon-arrow-down"></i>
</h1>
</div>
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
Some text...
</div>
</div>
</div>
</div>
</div>
如您所见,我能够显示向下箭头图标。当我单击手风琴元素时,文本会向下扩展我想要的内容,但是此时我需要将向下箭头图标切换为向上箭头图标,反之亦然,当单击手风琴元素以折叠文本以再次显示向下箭头图标时。
怎么做?