Answer by Paul Dasil for Bootstrap 3 collapse change chevron icon on click
Pure CSS, with even less code + animation.HTML part:<a data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> Open/Close collapse<i class="fa...
View ArticleAnswer by Sonu Nagar for Bootstrap 3 collapse change chevron icon on click
<div id="accordion"><div class="card"><div class="card-header" id="headingOne"><h5 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"...
View ArticleAnswer by mbuchok for Bootstrap 3 collapse change chevron icon on click
I'd like to offer an option along the same lines as another solution posted here, but uses a single div with transforms. This would also help make clean use of transitions to animate the icons as...
View ArticleAnswer by Grigory Kislin for Bootstrap 3 collapse change chevron icon on click
For change collapse icon in Bootstrap 4 with minimal html change, I've doneAdd to css:a[data-toggle="collapse"]:after { font-family: 'Glyphicons Halflings'; content: "\e114"; float: right; color:...
View ArticleAnswer by Inti for Bootstrap 3 collapse change chevron icon on click
The simplest answer I could find and thought it would be useful to add here for others.Essentially this involved this bit of css/* Rotating glyphicon when expanding/collapsing */.collapse-chevron...
View ArticleAnswer by Roshaw for Bootstrap 3 collapse change chevron icon on click
Pure CSS.HTML part:<a data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> Open/Close collapse<i class="fa fa-chevron-right...
View ArticleAnswer by Red Web for Bootstrap 3 collapse change chevron icon on click
you can try this.Here's the HTML Code:<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> Collapsible Group Item #1<span...
View ArticleAnswer by Tower Jimmy for Bootstrap 3 collapse change chevron icon on click
if you use angularjs you can try this. .html<button ng-click="enlarge(x.ID)" class="{{fullglyphon[x.ID]}}" ng-init="fullglyphon[x.ID] = 'btn btn-xs btn-primary glyphicon...
View ArticleAnswer by Mukesh for Bootstrap 3 collapse change chevron icon on click
fixed the issue changing HTML/CSSHTML:<a data-toggle="collapse" href="#doc" class="yt-toggle collapsed">View Doc <i class="fa fa-caret-right fa-fw"></i> <i class="fa fa-caret-down...
View ArticleAnswer by trante for Bootstrap 3 collapse change chevron icon on click
Similar to Bojan's answer, I use this solution.Change HTML code like this:<span class="chevron_toggleable glyphicon glyphicon-chevron-down"></span>It's better to use .on event with respect...
View ArticleAnswer by user1202826 for Bootstrap 3 collapse change chevron icon on click
Try this more elegant solution:$('#serviceList').click(function(){ $(this).find('.servicedrop').toggleClass('icon-chevron-down icon-chevron-up');});
View ArticleAnswer by royse41 for Bootstrap 3 collapse change chevron icon on click
The problem is with your jQuery code not being correct.You're closing the event handler function early on this line:$('#serviceList').on('shown.bs.collapse'), function() {See that second closing...
View ArticleBootstrap 3 collapse change chevron icon on click
I have read all related questions regarding my question and have tried them all to no avail. I can't seem to make my code work, even though I "think" almost every code I wrote was the same with the...
View Article
