JSFiddle - React, Tailwind, and code Playground

HTML

<button id="switch">Switch</button>
<section id="videos">
        <ul id="post-list">			
            
            <li>
                <a href="#">
                    <div class="list-container">
                        <div class="center-wrapper">
                            <div class="center">
                                <div class="pad">
                                    <h1>Random Title 1</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            
            <li>
                <a href="#">
                    <div class="list-container">
                        <div class="center-wrapper">
                            <div class="center">
                                <div class="pad">
                                    <h1>Random Title 2</h1>
                                </div>
                            </div>
                        </div>
                    </div>                    
                </a>
            </li>
            
            <li>
                <a href="#">
                    <div class="list-container">
                        <div class="center-wrapper">
                            <div class="center">
                                <div class="pad">
                                    <h1>Random Title 3</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            
            <li>
                <a href="#">
                    <div class="list-container">
                        <div class="center-wrapper">
                            <div class="center">
                                <div class="pad">
                                    <h1>Random Title 4</h1>
                                </div>
                            </div>
                     ...

JavaScript

$('#switch').on('click', function(){
    $pl = $('#post-list');
    $('#videos').fadeIn('slow', function(){
        //reposition html
        $('#videos').fadeOut("slow", function(){
            //add custom css animations here
        });
    });
});