<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<style>
    .paneldat-default > .paneldat-heading {
        background-color: #efefef;
    }

    .wrapper-dat {
        width: 70%;
padding-top: 25%;
    }

    @media (max-width: 992px) {
        .wrapper-dat {
            width: 100%;
        }
    }

    .paneldat-default {
        border-color: #f4f7f0;
        border-bottom: solid 1px;
    }

    .paneldat-heading {
        padding: 0;
        border: 0;
    }

    .paneldat-title > a, .paneldat-title > a:active {
        display: block;
padding-left: 0px;
padding-top:15px;
padding-bottom:15px;
        color: #514345;
        /*font-size: 16px;*/
        /*font-weight: bold;*/
        /*text-transform: uppercase;*/
        /*letter-spacing: 1px;*/
        /*word-spacing: 3px;*/
        text-decoration: none;
    }

    .paneldat-heading a:before {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        float: right;
        transition: all 0.5s;
    }

    .paneldat-heading.active a:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
.paneldat-body {
padding-bottom: 4%;
}
</style>
<div class="wrapper-dat center-block  bg-transparent">
    <span><strong>MÁY TĂM NƯỚC MAXCARE MAX456L</strong></span>
&emsp;
    <div class="paneldat-group" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="paneldat paneldat-default">
            <div class="paneldat-heading" role="tab" id="headingOne">
                <span class="paneldat-title">
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                       aria-expanded="true" aria-controls="collapseOne">
                        Ưu đãi & Giảm giá
                    </a>
                </span>
            </div>
            <div id="collapseOne" class="paneldat-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                <div class="paneldat-body">
                   Máy tăm nước Maxcare Max456L đang có chương trình ưu đãi, giảm giá <strong>20%</strong>
Mua ngay để không bỏ lỡ ưu đãi lớn nhất hiện nay từ MaxCare Home
</br>
                </div>
            </div>
        </div>
        <div class="paneldat paneldat-default">
            <div class="paneldat-heading" role="tab" id="headingTwo">
                <span class="paneldat-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                       href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        Bảo hành & Bảo trì
                    </a>
                </span>
            </div>
            <div id="collapseTwo" class="paneldat-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                <div class="paneldat-body">
                  Máy tăm nước Maxcare Max456L bảo hành chính hãng 12 tháng, bảo trì trọn đời sản phẩm ở hệ thống bảo hành của MaxCare Home trên toàn quốc.
Sản phẩm được đổi trả trong vòng 03 ngày nếu phát sinh lỗi từ phía nhà sản xuất

                </div>
            </div>
        </div>
        <div class="paneldat paneldat-default">
            <div class="paneldat-heading" role="tab" id="headingThree">
                <span class="paneldat-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                       href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        Giao hàng & Thanh toán
                    </a>
                </span>
            </div>
            <div id="collapseThree" class="paneldat-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                <div class="paneldat-body">
                 Miễn phí giao hàng máy tăm nước nội thành Hà Nội, Đà Nẵng, Hồ Chí Minh.
Phí giao hàng các tỉnh thành từ 25-40k tuỳ theo khu vực. Thời gian vận chuyển từ 1-3 ngày.
Khách hàng được phép kiểm tra hàng trước khi thanh toán. Vui lòng kiểm tra kỹ hàng trước khi trả tiền và phản hồi đến MaxCare Home trong vòng 03 ngày nếu phát sinh lỗi từ phía nhà sản xuất.
</br>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- partial -->
<script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<script>
    $('.paneldat-collapse').on('show.bs.collapse', function () {
        $(this).siblings('.paneldat-heading').addClass('active');
    });

    $('.paneldat-collapse').on('hide.bs.collapse', function () {
        $(this).siblings('.paneldat-heading').removeClass('active');
    });
</script>