accordion style : demo 12

1 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et mattis augue, a dignissim ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam a interdum eros, vel sollicitudin erat. Vestibulum iaculis risus magna. Nunc.
2 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et mattis augue, a dignissim ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam a interdum eros, vel sollicitudin erat. Vestibulum iaculis risus magna. Nunc.
3 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et mattis augue, a dignissim ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam a interdum eros, vel sollicitudin erat. Vestibulum iaculis risus magna. Nunc.
4 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et mattis augue, a dignissim ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam a interdum eros, vel sollicitudin erat. Vestibulum iaculis risus magna. Nunc.

HTML

                    
1 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et mattis augue, a dignissim ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam a interdum eros, vel sollicitudin erat. Vestibulum iaculis risus magna. Nunc.
2 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et mattis augue, a dignissim ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam a interdum eros, vel sollicitudin erat. Vestibulum iaculis risus magna. Nunc.
3 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et mattis augue, a dignissim ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam a interdum eros, vel sollicitudin erat. Vestibulum iaculis risus magna. Nunc.
4 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et mattis augue, a dignissim ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam a interdum eros, vel sollicitudin erat. Vestibulum iaculis risus magna. Nunc.

CSS

                    a:hover, a:focus{
                        outline: none;
                        text-decoration: none;
                    }
                    .panel{
                        border:none;
                        border-radius:0;
                    }
                    #accordion .panel-heading{
                        background:#e74c3c;
                        color:#fff;
                        border:none;
                        border-radius:0;
                        padding:0;
                    }
                    #accordion .panel-body{
                        background:#e74c3c;
                        color:#fff;
                        border:none;
                    }
                    .panel-group .panel + .panel {
                        margin-top:0;
                    }
                    #accordion a{
                        display: block;
                        padding:20px 31px;
                        border-bottom:1px solid #ef6f61;
                        text-align:center;
                    }
                

JavaScript

Accordion depend on jQuery and Bootstrap.