JSFiddle - React, Tailwind, and code Playground

HTML

<div class="footer">
    <div class="left">
        <button>back</button>
    </div>
    <div class="right">
        <button class="slide">Slide</button>
        <div class="social">
            <button>Facebook</button>
            <button>Google +</button>
        </div>
    </div>
</div>

CSS

.left{
    float: left;
}
.right,.social{
    float: right;
}

JavaScript

$(document).ready(function(){
    $('.slide').click(function(){
        $('.social').animate({width:'toggle'},350);
    });
});