jquery - 页脚动画有效，但文本未显示

当我将鼠标悬停在div显示上时，我有一个简单的动画页脚，但是我无法显示文本。真伤了我的头...

 //Animated Footer
  $("#foeter")
    .mouseenter(function() {
      $("#invisible").slideDown("1000");
    })
    .mouseleave(function() {
      $("#invisible").slideUp("1000");
    });
  });

https://jsfiddle.net/rekgd5tc/
有人知道我在这里想念的吗？

最佳答案

问题在于您正在使用引导css，并且引导中的类.invisible添加了visibility: hidden。

尝试更改类名称或将其删除，并在CSS中使用其他选择器（例如ID）。

https://jsfiddle.net/rekgd5tc/1/

#invisible {
    display:none;
    background-color: pink;
}

<div id="invisible"> </div>

关于jquery - 页脚动画有效，但文本未显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34511428/