Add animated plus minus symbol to a bootstrap accordion using CSS

By admin / 4:25 pm, 24 Mar 2016 / Bootstrap, CSS / 0 Comment

This is what we are trying to get :-

Capture  Capture1

Add class panel-icon__effect1 for plus-minus icon or panel-icon__effect2 for rotating plus-cross icon in top div :-

Now, add this HTML <span class="panel-icon pull-left"></span> for plus-minus icon we are talking about in every panel title:-

HTML part is done now. Now Add this css in your style.css

Done. Simple. 🙂 Isn’t it?

Final HTML code :-

Previous Post
Next Post