Javascript 使用Jquery设置切换可见性的动画

我正在用下面的代码切换我的Div，但不知道是否以及如何设置它的动画。任何帮助都将不胜感激

链接：

<a href="#" onclick="toggle_visibility('example'); return false;"></a>

剧本：

<script>

    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
</script>

功能切换\u可见性（id）{
var e=document.getElementById（id）；
如果（e.style.display=='block'）
e、 style.display='none'；
其他的
e、 style.display='block'；
}

您添加了标签，但我没有看到任何标签。在纯JS中，实现这一点会有太多的麻烦

尝试使用：

此外，我建议您更好地使用jQuery：

<a href="#" data-toggle="example"></a>

---

现在，您所有带有

数据切换的链接都具有相同的行为。
使用DontVoteMeDown的模式：

function toggle_visibility(id) {
   $("#" + id).slideDown("slow"); /* replace this with any of the following */
}

或

或

对于更复杂的动画，也可以使用缓和。
.animate（属性[，持续时间][，easing][，complete]）
可以使用jQuery吗？如果是，请尝试
.animate（）
~谢谢你的提示
$(document).ready(function()
{
    $('a[data-toggle]').on("click", function()
    {
        toggle_visibility($(this).data("toggle"));
    }
});

function toggle_visibility(id) {
   $("#" + id).slideDown("slow"); /* replace this with any of the following */
}

$("#" + id).fadeIn(500);

$("#" + id).fadeOut(500);