Нужно переоформить из списка в последовательные блоки

[xfgiven_vk]
<div id="online" class="online" style="display:none;">
    <a href="#" class="close" onclick="$('#online').toggle();return false;">Close</a><br><br>
<ul class="accordion-tabs">
    <li class="tab-head-cont">
        <a href="#" class="is-active">Источник #1</a>
        <section>
            <p>[xfvalue_vk]</p>
        </section>
    </li>
    [xfgiven_vk1]
    <li class="tab-head-cont">
        <a href="#">Источник #2</a>
        <section>
            <p>[xfvalue_vk1]</p>
        </section>
    </li>
    [/xfgiven_vk1]
    [xfgiven_vk1iframe]
    <li class="tab-head-cont">
        <a href="#">Источник #2</a>
        <section>
            <iframe width='900' height='450' src='[xfvalue_vk1iframe]' frameborder='0' allowfullscreen></iframe>
        </section>
    </li>
    [/xfgiven_vk1iframe]
    [xfgiven_vk2]
    <li class="tab-head-cont">
        <a href="#">Источник #3</a>
        <section>
            [xfvalue_vk2]  
        </section>
    </li>
    [/xfgiven_vk2]
    [xfgiven_vk2iframe]
    <li class="tab-head-cont">
        <a href="#">Источник #3</a>
        <section>
            <iframe src="[xfvalue_vk2iframe]" width="900" height="450" frameborder="0"></iframe>
        </section>
    </li>
    [/xfgiven_vk2iframe]
    [xfgiven_vk3]
    <li class="tab-head-cont">
        <a href="#">Источник #4</a>
        <section>
            <p>[xfvalue_vk3]</p>
        </section>
    </li>
    [/xfgiven_vk3]
    [xfgiven_vk3iframe]
    <li class="tab-head-cont">
        <a href="#">Источник #4</a>
        <section>
            <iframe src="[xfvalue_vk3iframe]" width="900" height="450" frameborder="0"></iframe>
        </section>
    </li>
    [/xfgiven_vk3iframe]
</ul>
</div>

<script>
$(document).ready(function () {
        $('.accordion-tabs').children('li').first().children('a').addClass('is-active').next().addClass('is-open').show();
        $('.accordion-tabs').on('click', 'li > a', function(event) {
            if (!$(this).hasClass('is-active')) {
                event.preventDefault();
                $('.accordion-tabs .is-open').removeClass('is-open').hide();
                $(this).next().toggleClass('is-open').toggle();
                $('.accordion-tabs').find('.is-active').removeClass('is-active');
                $(this).addClass('is-active');
            } else {
                event.preventDefault();
            }
        });
    });
</script>
[/xfgiven_vk]