accordion style : demo 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer hendrerit viverra egestas. Morbi quam lectus, commodo ac lacus eget, finibus aliquet metus. Pellentesque blandit nunc non sagittis consectetur. In accumsan eget enim eget porta. Etiam gravida non leo vel placerat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer hendrerit viverra egestas. Morbi quam lectus, commodo ac lacus eget, finibus aliquet metus. Pellentesque blandit nunc non sagittis consectetur. In accumsan eget enim eget porta. Etiam gravida non leo vel placerat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer hendrerit viverra egestas. Morbi quam lectus, commodo ac lacus eget, finibus aliquet metus. Pellentesque blandit nunc non sagittis consectetur. In accumsan eget enim eget porta. Etiam gravida non leo vel placerat.

HTML

                    
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer hendrerit viverra egestas. Morbi quam lectus, commodo ac lacus eget, finibus aliquet metus. Pellentesque blandit nunc non sagittis consectetur. In accumsan eget enim eget porta. Etiam gravida non leo vel placerat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer hendrerit viverra egestas. Morbi quam lectus, commodo ac lacus eget, finibus aliquet metus. Pellentesque blandit nunc non sagittis consectetur. In accumsan eget enim eget porta. Etiam gravida non leo vel placerat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer hendrerit viverra egestas. Morbi quam lectus, commodo ac lacus eget, finibus aliquet metus. Pellentesque blandit nunc non sagittis consectetur. In accumsan eget enim eget porta. Etiam gravida non leo vel placerat.

CSS

                    a:hover, a:focus{
                        outline: none;
                        text-decoration:none;
                    }
                    #accordion .panel-heading{
                        background:none;
                        padding:0;
                    }
                    .panel-title{
                        position: relative;
                    }
                    .panel-title > a{
                        color: #3498db;
                        font-size: 16px;
                        padding: 9px 20px 9px 40px;
                        border: 1px solid #f1efef;
                        display: block;
                        line-height: 21px;
                    }
                    .panel-title > a.collapsed{
                        color: #9F9D9D;
                    }
                    .panel-title > a:before,
                    .panel-title > a.collapsed:before{
                        font-family: "Font Awesome 5 Free";
                            font-weight: 900;
                        content: "\f068";
                        padding-right: 10px;
                        position: absolute;
                        left: 15px;
                    }
                    .panel-title > a.collapsed:before{
                        content: "\f067";
                    }
                    #accordion .panel-body{
                        color: #828282;
                        font-size: 14px;
                        line-height: 26px;
                    }
                

JavaScript

Accordion depend on jQuery and Bootstrap.