jQuery slideDown/slideUp问题

我无法让jQuery的slideDown效果发挥作用。我试图通过向下滑动来显示面板。相反，它只是像show（）方法一样显示，但在Firefox中甚至没有显示

jQuery：

$("#linkHBE").click(function(){
    if ($(".panel").is(":hidden")) {
        $(".panel").show("slow");
    } 
    else 
        $(".panel").hide("slow");
});

HTML：

 <div class="panel"></div>

 <ul id="grid">
      <li class="web"><a id="linkHBE"><img  width="296px" height="196px"></a></li>
      <li class="graphic"><img width="296px" height="196px"></li>
      <li class="web"><img width="296px" height="196px"></li>
 </ul>   

---

这里，

e.preventDefault（）

用于防止页面重新加载以单击锚定标记。jQuery将为您显示隐藏。因此，不需要额外的检查

---

相关参考文献：

---

代码不起作用的原因是处理程序没有取消默认事件，因此浏览器正在跟踪链接。试试这个：

$("#linkHBE").click(function(e){
    $(".panel").slideToggle("slow");
    e.preventDefault();
});

---

这没什么区别。它在jFiddle上有效，但在我的页面上无效。

$("#linkHBE").click(function(e){
    $(".panel").slideToggle("slow");
    e.preventDefault();
});