click - 单击未按预期工作

Question

我有这个代码：

$(document).ready(function() {
 $('#list2').click(function() { 
  if ( !$('#text2').is(":visible") ){ 
$(".shownText").slideUp(100).removeClass('.shownText');
$('#text2').slideDown(500); 
}
    });
});

text2的html：

<div id="svceText">
<div id="text2" class="shownText">
<p>.......</p> </div>
</div>

list2的html：

<div id="svceContent">
<div id="list2"><h3><a href="">blah blah</a></h3></div>
</div>

单击 list2 不会在 text2 上产生正确的 slideDown - text2 的顶部几个像素显示，或者根本没有显示（每次单击的结果不同）。问题出现在 FF4/64bit 和 IE7/8/9 中。

页面可以在这里查看。

我尝试将脚本修改为：

 $('#list2').bind('click', function() {

但没有运气。呃……

Answer 1

我只需要#在我的锚标签的 href 属性中添加一个井号/井号 ( )。现在，点击功能就像做梦一样工作，我可以摆脱让这个网页变得混乱的无关鼠标悬停事件。