accordion style : demo 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque posuere augue porta turpis ornare, nec commodo dui pellentesque. Sed at metus hendrerit, varius nisl et, iaculis ex. Nulla vitae ipsum diam. Pellentesque vitae metus vitae massa egestas posuere. Mauris ultricies vehicula tempor. Pellentesque justo turpis, blandit nec ex eu, tempus placerat diam. Morbi a felis commodo eros consectetur rhoncus sed eget lectus. Praesent non erat vehicula, posuere massa id, ultricies est. Pellentesque sit amet venenatis est, quis posuere ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque posuere augue porta turpis ornare, nec commodo dui pellentesque. Sed at metus hendrerit, varius nisl et, iaculis ex. Nulla vitae ipsum diam. Pellentesque vitae metus vitae massa egestas posuere. Mauris ultricies vehicula tempor. Pellentesque justo turpis, blandit nec ex eu, tempus placerat diam. Morbi a felis commodo eros consectetur rhoncus sed eget lectus. Praesent non erat vehicula, posuere massa id, ultricies est. Pellentesque sit amet venenatis est, quis posuere ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque posuere augue porta turpis ornare, nec commodo dui pellentesque. Sed at metus hendrerit, varius nisl et, iaculis ex. Nulla vitae ipsum diam. Pellentesque vitae metus vitae massa egestas posuere. Mauris ultricies vehicula tempor. Pellentesque justo turpis, blandit nec ex eu, tempus placerat diam. Morbi a felis commodo eros consectetur rhoncus sed eget lectus. Praesent non erat vehicula, posuere massa id, ultricies est. Pellentesque sit amet venenatis est, quis posuere ipsum.

HTML

                    
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque posuere augue porta turpis ornare, nec commodo dui pellentesque. Sed at metus hendrerit, varius nisl et, iaculis ex. Nulla vitae ipsum diam. Pellentesque vitae metus vitae massa egestas posuere. Mauris ultricies vehicula tempor. Pellentesque justo turpis, blandit nec ex eu, tempus placerat diam. Morbi a felis commodo eros consectetur rhoncus sed eget lectus. Praesent non erat vehicula, posuere massa id, ultricies est. Pellentesque sit amet venenatis est, quis posuere ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque posuere augue porta turpis ornare, nec commodo dui pellentesque. Sed at metus hendrerit, varius nisl et, iaculis ex. Nulla vitae ipsum diam. Pellentesque vitae metus vitae massa egestas posuere. Mauris ultricies vehicula tempor. Pellentesque justo turpis, blandit nec ex eu, tempus placerat diam. Morbi a felis commodo eros consectetur rhoncus sed eget lectus. Praesent non erat vehicula, posuere massa id, ultricies est. Pellentesque sit amet venenatis est, quis posuere ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque posuere augue porta turpis ornare, nec commodo dui pellentesque. Sed at metus hendrerit, varius nisl et, iaculis ex. Nulla vitae ipsum diam. Pellentesque vitae metus vitae massa egestas posuere. Mauris ultricies vehicula tempor. Pellentesque justo turpis, blandit nec ex eu, tempus placerat diam. Morbi a felis commodo eros consectetur rhoncus sed eget lectus. Praesent non erat vehicula, posuere massa id, ultricies est. Pellentesque sit amet venenatis est, quis posuere ipsum.

CSS

                    .panel-group .panel{
                        border-radius: 0px;
                        border:0px none;
                        box-shadow: none;
                    }
                    .panel-heading{
                        padding: 0;
                    }
                    .panel-title{
                        position: relative;
                    }
                    .panel-title > a{
                        border:1px solid #dc005a;
                        display: block;
                        background: #dc005a;
                        color:#fff;
                        padding: 0 45px 0 0;
                    }
                    .panel-title > a:hover,a:focus{
                        text-decoration: none;
                        outline: none;
                    }
                    .panel-title .left-icon{
                        border-right:1px solid #fff;
                        font-size: 24px;
                        color:#fff;
                        width: 40px;
                        padding: 13px 0;
                        text-align: center;
                        display: inline-block;
                        margin-right: 10px;
                    }
                    .panel-title a:after{
                        content: "\f068";
                        font-family: "Font Awesome 5 Free";
                            font-weight: 900;
                        float: right;
                        font-size: 20px;
                        margin-right: 20px;
                        color:#fff;
                        position: absolute;
                        top:15px;
                        right:0;
                        display: inline-block;
                    }
                    .panel-title .collapsed:after{
                        content: "\f067";
                        color:#dc005a;
                    }
                    .panel-title .collapsed{
                        background: #fff;
                        color:#6d6d6d;
                        border-color:lightgray;
                    }
                    .panel-title .collapsed .left-icon{
                        color:#dc005a;
                        border-color:lightgray;
                    }
                    .panel-default > .panel-heading + .panel-collapse > .panel-body{
                        border-top:0px none;
                    }
                

JavaScript

Accordion depend on jQuery and Bootstrap.