点击不按预期工作

Question

我有这段代码：

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

html for text2：

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

html for list2：

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

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

可以查看页面HERE。

我尝试将脚本修改为：

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

但没有运气。 Erghhh ...

Answer 1

我只需在href属性中为我的锚标签添加哈希/井号（#）。现在点击功能就像一个梦想＆amp;我可以摆脱使这个网页混乱的无关鼠标悬停事件。