jQuery - 向下滑动div

时间:2011-09-30 17:02:07

标签: jquery

我有一个表格单元格,我想要的是,如果用户点击表格单元格,则div会折叠(div位于另一个表格单元格中)。

$(function slideDown(id) { $("getdiv"+id).fadeIn(); });

表格行(悬停功能):

<tr class="odd" id="div96" onhover="slideDown(96)"><td>ZZZn ZZZ</td></tr>

表格单元格(需要淡入/向下滑动):

<tr><td id="getdiv95" class="divinside" style="display: none;">Text</td></tr>

对不起我的英语很差。

Demonstration image

2 个答案:

答案 0 :(得分:1)

你正在加倍'div'部分。

var name = $(this).attr('id');
$("#" + name).slideDown();

你现在写的方式看起来像是

$("#divdiv1")...

而不是

$("#div1")...

另外,将所有这些包装在$(document).ready(function(){})中;这样它就会在所有tr元素加载后触发click绑定。

答案 1 :(得分:0)

向下滑动是一个函数,您必须调用它才能运行它:

$("#div" + name).slideDown();