Question

我尝试使用jQuery和jQuery UI创建包含社交媒体图标的“关于”页面。

我有三个我正在使用的图标（全部由精彩的Font Awesome提供）：Facebook，Linkedin和Mail。我试图创建一个界面，该界面将打开（向左）文本，说明图标代表的社交网络。

发生的事情是文本移动到单独的行然后关闭，而且，我绝对不想要。对我来说，在Google Chrome中的Mac上，JSFiddle在下面提供，它没有动画，但出于某种奇怪的原因。

虽然我过去经常使用jQuery，但我之前从未使用过jQuery UI，现在它有点痛苦。

查看JSFiddle here。

我的Javascript现在：

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

Answer 1

尝试改变：

$( "#1" ).toggle("slide");

到：

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