jquery - 如何使用 "animate.css"和 jQuery 为隐藏的 div 设置动画以显示？

Question

我一直在互联网上四处寻找，但找不到任何相关信息。我的目标是显示 div#manis:

<div id="manis">
Menu here
</div>

CSS:

display: none;

.. 通过在 animate.css 中使用动画插入。我该如何解决这个问题？任何帮助将不胜感激!

Answer 1

使用 JAVASCRIPT 为隐藏的 div 设置动画以显示

$(document).ready(function(){
    function showhide(yourid) {
      if (document.getElementById) {
        var div-id = document.getElementById(id);
        var divs = document.getElementsByClassName("hideable");
        for (var i = 0; i < divs.length; i = i + 1) {
          $(divs[i]).fadeOut("slow");
        }
        $(div-id).fadeIn("slow");
      }
      return false;
    }
});