Bootstrap accordion with arrows



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”

  1. 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");

  2. 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

  3. 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.

  4. 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

Leave a Reply