Html 是否可以仅使用css展开和折叠表行/数据?

Html 是否可以仅使用css展开和折叠表行/数据?,html,css,Html,Css,我有一个小的通用表,看起来像这样: 1. 2. 1. 2. 我认为css无法实现这一点。 但是有了jQuery的slideToggle(),这是小菜一碟 我认为css无法实现这一点。 但是有了jQuery的slideToggle(),这是小菜一碟 您可能需要javascript(如果您希望该项目在单击后保持打开状态,则肯定需要)。但是,为了证明在某些情况下完全可以使用CSS完成,这将在CSS3浏览器中工作(仅在按住鼠标按钮的情况下) HTML <table> <tr>

我有一个小的通用表,看起来像这样:


1.
2.
1.
2.

我认为css无法实现这一点。

但是有了jQuery的
slideToggle()
,这是小菜一碟

我认为css无法实现这一点。

但是有了jQuery的
slideToggle()
,这是小菜一碟

您可能需要javascript(如果您希望该项目在单击后保持打开状态,则肯定需要)。但是,为了证明在某些情况下完全可以使用CSS完成,这将在CSS3浏览器中工作(仅在按住鼠标按钮的情况下)

HTML

<table>
<tr>
    <td>1<div>More info on 1</div></td>
    <td>2<div>More info on 2</div></td>
</tr>
<tr>
    <td>1<div>More info on 1</div></td>
    <td>2<div>More info on 2</div></td>
</tr>
</table>

您可能需要javascript(如果您希望该项目在被单击后保持打开状态,则肯定需要)。但是,为了证明在某些情况下完全可以使用CSS完成,这将在CSS3浏览器中工作(仅在按住鼠标按钮的情况下)

HTML

<table>
<tr>
    <td>1<div>More info on 1</div></td>
    <td>2<div>More info on 2</div></td>
</tr>
<tr>
    <td>1<div>More info on 1</div></td>
    <td>2<div>More info on 2</div></td>
</tr>
</table>

这部分取决于附加信息在html结构中的存储位置(您在问题中没有注意到)。您好,附加信息是什么意思?是不是在一个单元格、一行、一列中有额外的内容?我想把额外的信息放在表数据中,带有hiddenIt属性,部分取决于额外信息在html结构中的存储位置(您在问题中没有注意到)。您好,你说的额外信息是什么意思?是不是在一个单元格、一个额外的行、一个额外的列中有额外的内容?我会在表数据中添加额外的信息,在较新的版本中属性为hiddenIsn NOT
toggle()?你指的是
toggleClass()
,对吧?我的意思是
slideToggle()
acutally。。或者这一个也被弃用了吗?不,据我所知,你仍然可以在1.9.1中使用它。JavaScript可以使它跨浏览器,CSS也可以做有趣的事情(过滤和隐藏/显示行/列),或者只是隐藏/显示内容在新版本中没有被弃用?你指的是
toggleClass()
,对吧?我的意思是
slideToggle()
acutally。。或者这也是一个不推荐的版本吗?不,据我所知,你仍然可以在1.9.1javascript中使用它,它可以跨浏览器使用,CSS也可以做一些有趣的事情(过滤和隐藏/显示行/列),或者只是隐藏/显示内容