默认情况下使用JQuery折叠表行
我实现了一个在另一个堆栈溢出post上找到的方法，允许使用jQuery展开和折叠表行。该方法很简单，工作正常，但我遇到了缺省情况下扩展行的问题。我如何使这些在页面加载时显示为折叠的，以便用户可以决定展开哪些？
作为一个附带说明，有没有什么方法使折叠/展开看起来更平滑，而不是只是瞬间打开或关闭？
谢谢！
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$( document ).ready(function()
{
$('.header').click(function()
{
$(this).nextUntil('tr.header').slideToggle(1000);
});
});
</script>
</head>
<body>
<table>
<tr class="header">
<td>TEST</td>
<td>TEST</td>
<td>TEST</td>
<td>TEST</td>
</tr>
<tr>
<td>meep</td>
<td>meep</td>
<td>meep</td>
<td>meep</td>
</tr>
<tr class="header">
<td>TEST</td>
<td>TEST</td>
<td>TEST</td>
<td>TEST</td>
</tr>
<tr>
<td>meep</td>
<td>meep</td>
<td>meep</td>
<td>meep</td>
</tr>
</table>
</body>
</html>
共有2个答案
使用这个
$('.header + tr').hide();
您的工作代码
试试这个：-
$('table tr:not(.header)').hide();
小提琴
-
问题内容： 我正在制作一个嵌套菜单和子菜单，到目前为止，所有操作都已完成。.现在，我需要使此可折叠菜单默认根据给定的ID打开。 您还可以查看下面的完整工作代码段， 需求： 我有一个ID值存储在父组件中（您可以在数组变量下面查看此变量）。 即使有多个子菜单，此ID也将仅属于上一级子ID，因此肯定会有一个复选框，以便需要选中此复选框，并且需要打开父级菜单。 例如..， 正如openMenuId一样，因
-
问题内容： 单击标题栏时，我想展开和折叠表行。我只想展开/折叠特定标题下的行（单击）。 这是我的表结构： 关于如何完成此任务的任何想法。使用div这个任务似乎很简单，但是我有要处理的表格数据。 我能想到的一个想法是在每行中使用css类，以区分每个标题下的行，并仅在单击标题时使用JQuery扩展/折叠这些行。但是，如果我的表有10-15个标题，那么似乎很难跟踪CSS类。 请提出实现此目标的合适方法。
-
问题内容： 我有一个简单的SSIS程序包，在该程序包中，我将数据从平面文件导入SQL Server表（SQL Server 005）。文件包含70k行，表没有主键。导入成功，但是当我打开SQL Server表时，行的顺序与文件的顺序不同。仔细观察后，我看到表中的数据默认情况下按第一列排序。为什么会这样呢？以及如何避免默认排序？谢谢。 问题答案： 除非您在SQL查询中指定，否则您不能依赖排序。SQL
-
以下是Bootstrap4文档中的代码片段，位于：https://getbootstrap.com/docs/4.0/components/collapse/ 我正在尝试在我的引导手风琴中实现类似的折叠/扩展所有功能。我发现这个实现并没有按我的预期工作。这只是将面板的状态更改为与当前相反的状态。 例如： 面板1：隐藏 面板2：隐藏 面板3：隐藏 变成 面板1：可见 面板2：可见 面板3：可见 这很
-
默认情况下,我们的路由器是Yaf_Router, 而默认使用的路由协议是Yaf_Route_Static,是基于HTTP路由的, 它期望一个请求是HTTP请求并且请求对象是使用Yaf_Request_Http
-
问题内容： 我有一个称为Product的类和一些扩展它的子类。现在在我的注释中，我有很多类型，例如： 然后定义我的Product类。我想做的是，如果Jackson无法检测到该字段不符合任何这些结构，则返回 未知产品 我该如何使用Jackson @Type注释呢？它应该像是在名称中插入空白或在我实际上不知道的值中添加一些标志（我尝试创建扩展Product的UnknownProduct，并且在名称值中