我已阅读所有关于我的问题的相关问题,并尝试了它们,但均无效。即使我“认为”我写的几乎每一行代码与此网站上发布的解决方案都相同,但似乎我无法让我的代码工作。
这是 HTML 代码:
<div class="press-title">
<p class="text" data-toggle="collapse" data-target="#serviceList">
<span id="servicesButton" data-toggle="tooltip " data-original-title="Click Me!">
<span class="servicedrop glyphicon glyphicon-chevron-down"></span> Services Offered <span class="servicedrop glyphicon glyphicon-chevron-down"></span>
</span>
</p>
</div>
<div id="serviceList" class="collapse">
<div class="row featurette">
...
这是 JQuery 的代码
$('#serviceList').on('shown.bs.collapse'), function() {
$(".servicedrop").addClass('glyphicon-chevron-up').removeClass('glyphicon-chevron-down');
}
$('#serviceList').on('hidden.bs.collapse'), function() {
$(".servicedrop").addClass('glyphicon-chevron-down').removeClass('glyphicon-chevron-up');
}
我只想在折叠元素时将图标从下向上更改,然后在再次点击相同类时切换回来。 我真的被卡住了。 预先感谢您!
shown.bs.collapse
和hidden.bs.collapse
是什么? - Itay