[ad_1]
https://i.ytimg.com/vi/cmpIitwKvgc/hqdefault.jpg
Tags
bootstrap accordion close all
bootstrap accordion open all
bootstrap accordion expand all button
bootstrap accordion collapse all button
bootstrap accordion expand collapse all
bootstrap accordion plus minus sign
bootstrap accordion expand collapse icon
bootstrap accordion change icon on collapse
bootstrap accordion toggle chevron
bootstrap accordion toggle icon
bootstrap accordion glyphicon
bootstrap accordion icon example
bootstrap accordion change image
bootstrap accordion open close icon
bootstrap accordion toggle open close icon
In this video we will discuss creating an accordion with arrows using bootstrap
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2016/08/bootstrap-accordion-with-arrows.html
Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Original source
19 responses to “Bootstrap accordion with arrows”
it's very easy to understading.thanks a bunch.
Collapse action with pointer arrows – it is practically two distinct arrow icons with JavaScript to change them over on click…great presentation!!
Works differently when you first expand and collapse individually and then expand all or collapase all
Thank you very much for your tutorials.
Guys, after some research this is what made it work for me with the glyphicons:
$(this).parent().find(".glyphicon").removeClass("glyphicon glyphicon-menu-down").addClass("glyphicon glyphicon-menu-up");
is there a way to make the transition more smooth?
if you update this course and upload to udemy i will purchase it (:
Nice! Thanks for sharing
very good tutorial
but can we replace java script & jQuary code with c# code???
Hi, if we use bootstrap accordion for menu then click on any menu link then how can we select current index of the menu.
if any body know about please tell me.
thank you
I have the same exact code and its not toggling the arrows. Are those function calls deprecated?
I have four panels. The first two use class "in', so they expand when the page loads intially. If these are individually closed and then the expand all button is hit, the second panel does not open. If the collapse all button is hit first and then the expand all button is hit, it works as expected. Can anyone verify this problem. Thanks
I am Following all code you write in video but Glyphicons not changing dynamically
So well explained! Thank you!
Thanks a lot
If you open up accordion #1, then accordion #2, then click the expand all button, do all accordions expand, or is #2 now closed? This is the problem I am encountering when trying to implement an Expand/Collapse All button using Bootstrap accordions.
Thanks a lot
Thanks can you also please make a video on saving the position after a post back
Thank you venkat sir.
I enjoyed watching this video and recommend others.
Host has a nice tone for teaching.
Explains the functionalities clearly and crisply.
Thanks for educating the community and appreciate your volunteership.
Thanks a lot