Окно боковой панели социальных сетей, которое расширяется при наведении курсора

Вот пример ----> FIDDLE

Вот еще один пример с двумя выдвигающимися -----> FIDDLER 2 SLIDE

Установка элемента на фиксированный, часть за пределами экрана и часть на экране. Затем вы просто анимируете какое-то событие. Либо mouseenter, либо click

Просто пример кода для приведенной выше ссылки на скрипт. Перейдите по ссылке Fiddle, чтобы увидеть больше

$('body').on('mouseenter','#social-hover',function(){
    $('#social-hover').animate({
        left: '150px'
    },250);
    $('#social-main').animate({
        left: '0px'
    },250);
});



$('body').on('mouseleave','#container',function(){
    $('#social-hover').animate({
        left: '0px'
    },250);
    $('#social-main').animate({
        left: '-150px'
    },250);
});