accordion style : demo 17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui ligula, blandit non maximus id, tempus vitae nulla. Cras nec turpis vitae libero eleifend consequat. Phasellus eu rutrum erat. Etiam id urna sed odio placerat gravida. Integer molestie lectus eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui ligula, blandit non maximus id, tempus vitae nulla. Cras nec turpis vitae libero eleifend consequat. Phasellus eu rutrum erat. Etiam id urna sed odio placerat gravida. Integer molestie lectus eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui ligula, blandit non maximus id, tempus vitae nulla. Cras nec turpis vitae libero eleifend consequat. Phasellus eu rutrum erat. Etiam id urna sed odio placerat gravida. Integer molestie lectus eu.

HTML

                        
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui ligula, blandit non maximus id, tempus vitae nulla. Cras nec turpis vitae libero eleifend consequat. Phasellus eu rutrum erat. Etiam id urna sed odio placerat gravida. Integer molestie lectus eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui ligula, blandit non maximus id, tempus vitae nulla. Cras nec turpis vitae libero eleifend consequat. Phasellus eu rutrum erat. Etiam id urna sed odio placerat gravida. Integer molestie lectus eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui ligula, blandit non maximus id, tempus vitae nulla. Cras nec turpis vitae libero eleifend consequat. Phasellus eu rutrum erat. Etiam id urna sed odio placerat gravida. Integer molestie lectus eu.

CSS

                        a:hover, a:focus{
                            outline: none;
                            text-decoration: none;
                        }
                        #accordion .panel{
                            border:none;
                            margin-bottom: 20px;
                        }
                        #accordion .panel-heading{
                            padding:0;
                        }
                        #accordion .panel-title a{
                            display: block;
                            position: relative;
                            font-size:14px;
                            padding:15px 45px 15px 15px;
                            text-transform:uppercase;
                            background:#fff;
                            color:#333;
                            border:1px solid #fff;
                            transition:all 0.2s linear 0s;
                        }
                        #accordion .panel-title a.collapsed{
                            background:#00bcd4;
                            color:#fff;
                        }
                        #accordion .panel-title a.collapsed:hover{
                            background:#fff;
                            color:#333;
                        }
                        #accordion .panel-title a:after,
                        #accordion .panel-title a.collapsed:after{
                            content: "\f107";
                            font-family: "Font Awesome 5 Free";
                            font-weight: 900;
                            color: #333;
                            font-size: 18px;
                            line-height: 20px;
                            position: absolute;
                            top: 14px;
                            right: 27px;
                        }
                        #accordion .panel-title a.collapsed:after{
                            content: "\f105";
                            color:#fff;
                        }
                        #accordion .panel-title a.collapsed:hover:after{
                            color:#333;
                        }
                        #accordion .panel-body{
                            background:#00bcd4;
                            border:1px solid #fff;
                            border-top: 0px none;
                            color:#fff;
                            border-radius: 0 0 5px 5px;
                        }
                    

JavaScript

(Accordion depend on jQuery and Bootstrap.)
                        
                        
                    
License Terms