Question

我的Jquery

$(".edit_inven").click(function(){ 
   $("#edititems").slideDown('slow'); });

在下面我创建了几个具有相同类的超链接。当我点击编辑超链接时，它应该显示（edit_inven）div。

的内容

如果我再次点击任何其他编辑超链接，我应该得到相同的效果，但它的行为不那么plz帮助我。“

超链接

<a href='inventory_list.php?pedit_id=$id' class='edit_inven'>Edit</a>
<a href='inventory_list.php?pedit_id=$id' class='edit_inven'>Edit</a>
<a href='inventory_list.php?pedit_id=$id' class='edit_inven'>Edit</a>
<a href='inventory_list.php?pedit_id=$id' class='edit_inven'>Edit</a>



<DIV id='edit_inven' style="display:none">
Blah Blah.....
</DIV>

Answer 1

要使slideDown工作，必须先隐藏元素，然后尝试

$(".edit_inven").click(function () {
    $("#edititems").hide().slideDown('slow');
});

演示：Fiddle，animated

Answer 2

你可以试试这个：

如果您希望在点击时再次滑动内容：

$(".edit_inven").click(function (e) {
    $("#edit_inven").slideDown('slow');
    e.preventDefault()
});

新年快乐......：）

无法多次在同一个类上调用jquery函数

2 个答案: