在单独的表行中的Jquery SlideToggle div
在单独的表行中的Jquery SlideToggle div
提问于 2013-02-13 02:39:35
我正在尝试让一个滑动开关工作，当前一行中的链接被单击时，显示隐藏的表行。我首先遇到了滑动不平滑的问题，然后发现滑动切换对表行不起作用。因此，我将隐藏行中的内容放在行中的div中，并决定将其隐藏起来。我现在的问题是，我似乎找不出正确的代码让jquery在行中找到那个div。
这里有一个JSfiddle示例：http://jsfiddle.net/yrM3H/811/
我的代码示例如下：
html：
<table>
<tr>
<td>
<div class="hidden">Expanded!</div>
</td>
</tr>
<tr>
<td><div class="toggle">Content</div></td>
</tr>
<tr>
<td>
<div class="hidden">Expanded!</div>
</td>
</tr>
</table>js：
jQuery(document).ready(function () {
jQuery(".toggle").parent().parent().next().children().next(".hidden").hide();
jQuery(".toggle").click(function () {
$('.active').not(this).toggleClass('active').parent().parent().next().children().next('.hidden').slideToggle(300);
$(this).toggleClass('active').parent().parent().next().children().next('.hidden').slideToggle("fast");
});
});回答 2
Stack Overflow用户
回答已采纳
发布于 2013-02-13 02:49:29
这应该会解决你的问题：http://jsfiddle.net/yrM3H/813/
我对其进行了更改，以便它在第二行使用.find('hidden')来查找子元素。在此之前，它根本找不到元素。
顺便说一句--我不明白为什么不用$('.hidden').hide();隐藏所有的.hidden元素呢？
Stack Overflow用户
发布于 2013-02-13 02:55:10
$("td").click(function(){
$(this).parent("tr").next("tr").find("td div.hidden").slideToggle();
});http://jsfiddle.net/kmd97/yrM3H/816/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14839463
复制相关文章
相似问题
腾讯云开发者
