HomeОбразованиеRelated VideosMore From: kudvenkat

Bootstrap accordion with arrows

157 ratings | 34703 views
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
Html code for embedding videos on your blog
Text Comments (29)
Karuna goyal (24 days ago)
Thank you soooooo much 😊😊😊
sreevalli k (6 months ago)
it's very easy to understading.thanks a bunch.
Learning Simplified (7 months ago)
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
João Ataíde (10 months ago)
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");
Donquixote Doflamingo (2 months ago)
thank you it worked
Wayne Cao (6 months ago)
Thanks, João! Your solution works well. May I ask why we have the error?
Bobo z (11 months ago)
is there a way to make the transition more smooth?
Bobo z (11 months ago)
if you update this course and upload to udemy i will purchase it (:
Contentder (11 months ago)
Nice! Thanks for sharing
Hazem Elamir (1 year ago)
very good tutorial but can we replace java script & jQuary code with c# code???
Arshad Mehmood (1 year ago)
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
ScruffyTusks (1 year ago)
I have the same exact code and its not toggling the arrows. Are those function calls deprecated?
marc judson (1 year ago)
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
Asad Marwat (1 year ago)
I am Following all code you write in video but Glyphicons not changing dynamically
25 Jan 2011 (1 year ago)
If you are using Bootstrap, remember that Glyphicons is no longer supported in Bootstrap 4.
Web Designer (1 year ago)
i copied code on his blog but not working same u.u
Weijuan Zhou (1 year ago)
There must be a typo in your javascript code. Try coping Venkat's code on his blog. It works perfectly.
ScruffyTusks (1 year ago)
Same, it doesn't work at all.
RockstahRolln (2 years ago)
So well explained! Thank you!
Fahim ahmed (2 years ago)
Thanks a lot
Angela French (2 years ago)
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.
RockstahRolln (2 years ago)
And that's a huge problem
RockstahRolln (2 years ago)
All should Expand when you click Expand All. If one is closed then there must be an error in your Classes.
ConaxHGG (2 years ago)
I get the exact issue. Once either the Expand All or Collapse All button is clicked, the accordion functionality is broken. Personally I've learnt a lot from Venkat's videos. But unfortunately I haven't seen Venkat reply to any comments that points out a problem.
RAQIBUL ALAM RASHED (2 years ago)
Thanks a lot
Sh Sp (2 years ago)
Thanks can you also please make a video on saving the position after a post back
Muhammad Rehbar Sheikh (2 years ago)
Thank you venkat sir.
Kris Maly (2 years ago)
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

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.