FP<div class="row vertical-align">
    <div class="col-md-4">
        <h4>Family Provider</h4>
        <img src="/Content/PersonalFinance/Showcase/ProtectLaunch2021/CVP/FP.jpg" class="img-responsive" />
    </div>
    <div class="col-md-8">
        <!--Start accordion -->
        <div class="list-group">
            <div class="list-group-item">
                <div class="row">
                    <div class="col-md-3"><i class="far fa-play-circle play" data-player="1" data-title="Customer_Voice_Note.mp3"></i></div>
                    <div class="col-md-6" style="text-align:left">Customer Voice Note</div>
                    <div class="col-md-3">July 2021</div>
                </div>
                <div class="row player player-1">
                    <div class="col-md-12" style="text-align:center;">
                        <audio controls>
                            <source src="/Content/PersonalFinance/Showcase/ProtectLaunch2021/Disability/Connect/VoiceNotes/Family Provider/Disability insurance voice note.mp3" type="audio/mpeg">
                            Your browser does not support the audio element.
                        </audio>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>

<script>
    $(document).ready(function () {
        $('.play').on("click", function () {

            var current = this;
            $('.player').each(function () {
                if ($(this).css("display") === "block") {
                    $(this).slideUp(300);
                    $(this).find('audio')[0].pause();

                }

            }).promise().done(function () {
                if ($(current).hasClass("fa-play-circle")) {
                    $('.play').removeClass("fa-pause-circle");
                    $('.play').addClass("fa-play-circle");

                    $('.player-' + $(current).data("player")).slideDown(300, function () {
                        Log('/Showcase/_Log?content_parent=Disability Connect&title=' + $(current).data("title")+'&actionName=Voice Note');
                    });
                    $('.player-' + $(current).data("player")).find('audio')[0].play();

                    $(current).addClass("fa-pause-circle");
                    $(current).removeClass("fa-play-circle");
                }
                else {
                    $('.play').removeClass("fa-pause-circle");
                    $('.play').addClass("fa-play-circle");
                }

            });

        });
    });
</script>