点击未按预期

我有这样的代码：点击未按预期

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

HTML的文本2：

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

HTML代码列表2：

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

点击列表2不产生在text2上正确显示slideDown - text2的前几个像素显示，或者根本不显示（每次点击的结果不同）。 FF4/64bit和IE7/8/9出现问题。可以查看HERE。

我已经尝试修改脚本：

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

，但没有运气。 Erghhh ...

来源

2011-04-27 kirk tab

你能否提供一些有关什么实际上不起作用的信息？ – 2011-04-27 12:27:29

当点击任何垂直列表项时，当前显示在svceText div中的任何文本都应该滑动，然后新文本应该向下滑动。如果您将鼠标悬停在列表中的顶部项目（“协作解决方案”）上，您将看到当您单击任何其他列表项时应该发生的情况。 [注意底部列表项目（“联系人”）设置为打开一个新页面] – 2011-05-15 12:12:37

凹凸........... – 2011-06-01 06:24:50

我只需要在href属性中为我的定位标记添加散列/磅符号（#）。现在点击功能就像一个梦一样&我可以摆脱让这个网页变得混乱的无关的鼠标悬停事件。

来源

2011-06-13 03:47:05

点击未按预期

回答

相关问题