JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jemand.ru/examples/scripts/jquery.tabslideout.v1.2.js"></script>
<div class="panel">
<a class="handle" href="#"></a> <!-- Ссылка для пользователей с отключенным JavaScript -->
<script type="text/javascript" src="http://vk.com/js/api/openapi.js?74"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "300", height: "290"}, 47100111);
</script>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

CSS

.panel {
    
    width: 300px;
    margin-top: -145px;
    
}
.handle
{
    margin-top: 53px;
}

JavaScript

$(function(){
    $('.panel').tabSlideOut({                            
        tabHandle: '.handle',                        
        pathToTabImage: 'http://mn27.ru/vk_panel.png',                
        imageHeight: '184px',                        
        imageWidth: '36px',                        
        tabLocation: 'right',                        
        speed: 300,                                
        action: 'click',                                 
        topPos: '50%',                            
        fixedPosition: true                        
    });
});