Javascript 淡出开关不工作

问题：为什么我的淡入/淡出功能不可用？如何最好地解决

后台故事：单击链接将触发javascript/jQuery事件，该事件将显示或隐藏一系列LI。目前，我已经能够创建一个链接，当点击时会“弹出”一堆链接（显示）或隐藏它们，但这对我来说有点突然，我试图让它们级联/淡入和级联/淡出，但我的脚本似乎不起作用。我曾尝试过谷歌搜索和查看jsKit和jQuery网站，但没有找到任何我能理解得足够好的东西来正确实现

访问示例：单击浏览器右上角小灰框中的白色箭头图标，以显示/打开导航绘图。向下滚动至洋红色链接，该链接显示“单击时显示/隐藏”。点击洋红色链接应该会显示三个LIs（A）、（B）和（C）。点击洋红色链接应该会隐藏它们。然而，当我点击洋红测试链接时，什么也没发生，李的仍然是“隐藏的”。这是我第一次尝试使用JavaScript/jQuery，我感到非常困惑，希望找到解决问题的指导。在这种情况下，我充其量只能算是一个霍比主义者，但我认为自己更像是一个坚持不懈的新手。p> 网址：

var fadeToggle=（函数（）{
$（文档）。在（“单击”）上，函数（e）{
如果（e.target.id==“DivA”）{
美元（“#DivB”）.fadeToggle（200）；
e、 停止传播（）；
返回false；
}
如果（$（“#DivB”）是（“：可见”）则为else{
美元（“#DivB”）。淡出（200）；
}
});
});

在脚本之后调用函数

fadeToggle（）

---

在脚本之后调用函数

fadeToggle（）

---

在脚本之后调用函数

fadeToggle（）

---

在脚本之后调用函数

fadeToggle（）

---

你好，索尔，我已经添加了事件/函数调用，但事件仍然没有按预期工作，因此我可能会遇到某种类型的冲突？嗨，索尔-我又去看了看你的小提琴，我看到我添加了“fadeToggle（）”的函数遗漏了第13行，但无论我如何摆弄我的文件，结果仍然有点褪色，因为事件未能如预期的那样工作（即，没有任何隐藏或取消隐藏的内容如预期的那样）。你好，索尔，我添加了事件/函数调用，但事件仍然没有如预期的那样工作，因此我一定有某种类型的冲突，也许？你好，索尔-我又去看了你的摆弄，我看到我添加了'fadeToggle（）'的函数遗漏了第13行，但无论我如何处理我的文件，结果仍然有点褪色，因为事件未能如预期的那样工作（即，没有任何东西像预期的那样隐藏或取消隐藏）Hello Sol，我已经添加了事件/函数调用，但事件仍然没有按预期工作，因此我可能会遇到某种类型的冲突？嗨，索尔-我又去看了看你的小提琴，我看到我添加了“fadeToggle（）”的函数遗漏了第13行，但无论我如何摆弄我的文件，结果仍然有点褪色，因为事件未能如预期的那样工作（即，没有任何隐藏或取消隐藏的内容如预期的那样）。你好，索尔，我添加了事件/函数调用，但事件仍然没有如预期的那样工作，因此我一定有某种类型的冲突，也许？你好，索尔-我又去看了你的摆弄，我看到我添加了“fadeToggle（）”的函数遗漏了第13行，但无论我如何处理我的文件，结果仍然有点褪色，因为事件未能如预期的那样工作（即，没有任何东西像预期的那样隐藏或取消隐藏）

<!-- 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);
    }
  });
});