我正在使用带有向上和向下箭头的手风琴 - 当第一次运行时向下箭头显示,因此用户必须单击才能看到数据 - 单击向下箭头时会显示数据,但仍然显示向上箭头但不会恢复为up ...我有一个Javascript函数来检查...
点击此链接: - https://www.bootply.com/113766#
Javascript更改箭头: -
$(document).ready(function ()
{
$('.collapse').on('shown.bs.collapse', function () {
$(this).parent().find(
".glyphicon-chevron-up").removeClass("glyphicon-chevron-up")
.addClass("glyphicon-chevron-down");
}).on('hidden.bs.collapse', function ()
{
$(this).parent().find(".glyphicon-chevron-down")
.removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-
up");
});
});
HTML: -
<div class="accordion">
<h4 class="up">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Testing
<span class="glyphicon glyphicon-chevron-up" style="float: right"></span>
</a>
</h4>
<div id="collapseOne" class="collapse">
始终显示默认箭头 - 单击时显示数据
原来它指向错误的JQuery版本 - 现在都在工作......