问题：为什么我的淡入/淡出不会消防/工作？如何最好地解决？
BACKSTORY：单击链接将触发javascript / jQuery事件，该事件将显示或隐藏一系列LI。目前，我已经能够创建一个链接，点击后即可弹出＆＃39;一堆链接（显示）或隐藏它们，但这对我来说感觉有点突然，我试图让它们级联/淡入并级联/淡出，但我的脚本似乎不起作用。我已经尝试使用Google搜索并查看jsKit和jQuery网站，但没有发现任何我能够理解得足够正确的内容。
访问示例：单击浏览器右上角灰色小框中的白色箭头图标以显示/打开导航绘图。向下滚动到洋红色链接，该链接显示“点击显示/隐藏”。点击洋红色链接应该显示三个LI（A），（B）和（C）。点击洋红色链接应该隐藏它们。但是，当我点击洋红色测试链接时，没有任何反应，LI仍然隐藏了＃39;这是我第一次尝试使用JavaScript / jQuery，我非常困惑，希望能找到解决问题的指导。在谈到这样的事情时，我充其量只是一个爱好者，但我认为自己更像是一个持久的新手。
网址：enter link description here
<!-- jQuery fadeToggle -->
<!-- css is currently directly embedded for testing -> add to tweak.css when done
<style media="screen" type="text/css">
#DivB { display:none; }
</style>
<a href="#" onclick="fadeToggle()" id="DivA">Display/Hide on click</a>
<div id="DivB">
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
</div>
<!-- function is located in scripts/jsFunctions.js -->
var fadeToggle = (function() {
$(document).on("click",function (e) {
if (e.target.id=="DivA") {
$("#DivB").fadeToggle(200);
e.stopPropagation();
return false;
}
else if ($("#DivB").is(":visible")) {
$("#DivB").fadeOut(200);
}
});
});