如何在页面加载中折叠展开行
如何在页面加载中折叠展开行
提问于 2016-02-02 05:00:58
在折叠页加载时默认出现的展开行时，我需要您的帮助。以下是javascript代码：
<script src="http://code.jquery.com/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.RowToClick').click(function() {
$(this).nextAll('tr').each(function() {
if ($(this).is('.RowToClick')) {
return false;
}
$(this).toggle(350);
});
});
});
</script>下面是表标记中的tr代码，它折叠和展开tr标记：
<tr class="RowToClick">
<td><%=i%></td>
<td width="20%" style="padding: 1px; cursor: pointer" title="Click Here to Expand/Collapse Sub Folders">
<span style="text-decoration: underline"><%=sz_FolderName%></span>
</td>
</tr>回答 2
Stack Overflow用户
回答已采纳
发布于 2016-02-02 07:43:32
添加以下CSS：
.RowToClick {
display:none;
}或添加内联样式
<tr class="RowToClick" style="display:none">Stack Overflow用户
发布于 2016-02-02 05:07:55
如果你想装的话。在DIV中放置所需的HTML元素(或者使用一些现有的TR或根据您的需要)，例如divID。
像这样开始你的剧本
$('#divID').toggle();试试这个脚本：
$(document).ready(function() {
$("table").each(function() {
$("tr").each(function() {
if ($(this).hasClass('RowToClick')) {
}
else {
$(this).toggle(50);
}
});
});
$('.RowToClick').click(function ()
{
$(this).nextAll('tr').each( function()
{
if ($(this).is('.RowToClick'))
{
return false;
}
$(this).toggle(350);
});
});
});最新情况：
你能试试这把小提琴吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35154256
复制相关文章
相似问题
腾讯云开发者
