JQuery UI Проблемы со скольжением

Я пытаюсь создать страницу About с значками социальных сетей, используя jQuery и jQuery UI.

У меня есть три значка, которые я использую (которые все были предоставлены замечательным шрифтом Awesome): Facebook, Linkedin и Mail. Я пытаюсь создать интерфейс, который откроет (слева) текст, указывающий, какую социальную сеть представляет собой значок.

Что происходит, так это то, что текст перемещается в отдельную строку, а затем закрывается, и этого я определенно не хочу. Для меня, на Mac в Google Chrome, JSFiddle приведен ниже, он делает это без анимации по какой-то нечетной причине.

Хотя я использовал jQuery много в прошлом, я никогда раньше не использовал пользовательский интерфейс jQuery, и теперь это немного боль.

Посмотрите здесь JSFiddle.

Мой Javascript прямо сейчас:

$(document).click(function() {
    $( "#1" ).toggle( "slide" );
});