Html 仅展开另一个元素时折叠一个元素

Html 仅展开另一个元素时折叠一个元素,html,css,jsfiddle,collapse,expand,Html,Css,Jsfiddle,Collapse,Expand,我有一个asp.net网站。由于某种原因,我无法在代码中使用javascript。我使用以下代码创建可扩展表: html、正文、表单{ 保证金:0自动; 填充:0; 文本对齐:左对齐; 身高:100%; 排名:0; 底部:0; 溢出:隐藏; } tr:n个孩子(偶数){ 背景:#f5; } tr:n个孩子(奇数){ 背景:#DCDC; } tr:悬停 { 背景色:#D3; } .切换框{ 显示:无; } .切换框+标签{ 光标:指针; 显示:块; 字体大小:粗体; 线高:25px; 边缘底部:

我有一个asp.net网站。由于某种原因,我无法在代码中使用javascript。我使用以下代码创建可扩展表:

html、正文、表单{
保证金:0自动;
填充:0;
文本对齐:左对齐;
身高:100%;
排名:0;
底部:0;
溢出:隐藏;
}
tr:n个孩子(偶数){
背景:#f5;
}
tr:n个孩子(奇数){
背景:#DCDC;
}
tr:悬停
{
背景色:#D3;
}
.切换框{
显示:无;
}
.切换框+标签{
光标:指针;
显示:块;
字体大小:粗体;
线高:25px;
边缘底部:2px;
左边距:5px;
背景色:#F1F8FF;
边框底部:1px纯色灰色;
}
.切换框+标签:悬停{
背景色:#C5ECFF;
}
.切换框+标签+div{
显示:无;
边缘底部:10px;
左边距:20px;
}
.切换框:选中+标签+div{
显示:块;
}
.切换框+标签:之前{
背景色:#66AEFF;
-webkit边界半径:15px;
-moz边界半径:15px;
边界半径:15px;
颜色:#FFFFFF;
内容:“+”;
显示:块;
浮动:左;
字体大小:粗体;
高度:25px;
线高:25px;
右边距:5px;
文本对齐:居中;
宽度:25px;
}
.切换框:选中+标签:之前{
内容:“\2212”;
}
#马特鲁{
边界:0;
文本对齐:左对齐;
位置:绝对位置;
顶部:100px;
左:300px;
}

恩圭ễn Văn Tư
Tên khách háng
恩圭ễn Văn Tư
Mãkhách háng
PC06LL0191387
塞里·科廷
14138734
中国ỉ số ũ
194
中国ỉ số Mớ我
196.60
sản lượng mớ我
2.
ĐInh Thị Tha
Tên khách háng
ĐInh Thị Tha
Mãkhách háng
PC06LL0182038
塞里·科廷
14140069
中国ỉ số ũ
2050
中国ỉ số Mớ我
2104.10
sản lượng mớ我
54
恩圭ễ新罕布什尔州ựT
Tên khách háng
恩圭ễ新罕布什尔州ựT
Mãkhách háng
PC06LL0190775
塞里·科廷
14138746
中国ỉ số ũ
2699
中国ỉ số Mớ我
2785.10
sản lượng mớ我
86
马伊·维恩·Lý
Tên khách háng
马伊·维恩·Lý
Mãkhách háng
PC06LL0182035
塞里·科廷
14138744
中国ỉ số ũ
2581
中国ỉ số Mớ我
2631.70
sản lượng mớ我
50

诀窍很简单。只需将
复选框
中的输入替换为
收音机
,并在所有
输入中添加具有相同值的属性
名称

这一变化意味着只有一个输入可以同时检查。因此,如果您单击一个项目,所有其他项目都将关闭

html、正文、表单{
保证金:0自动;
填充:0;
文本对齐:左对齐;
身高:100%;
排名:0;
底部:0;
溢出:隐藏;
}
tr:n个孩子(偶数){
背景:#f5;
}
tr:n个孩子(奇数){
背景:#DCDC;
}
tr:悬停
{
背景色:#D3;
}
.切换框{
显示:无;
}
[type=“reset”]{
边界:0;
宽度:100%;
文本对齐:继承;
填充:0;
字体:继承;
保证金:0;
大纲:0!重要;
}
.切换框+标签,
[type=“reset”]{
光标:指针;
显示:块;
字体大小:粗体;
线高:25px;
边缘底部:2px;
左边距:5px;
背景色:#F1F8FF;
边框底部:1px纯色灰色;
}
.切换框+标签:悬停{
背景色:#C5ECFF;
}
.切换框+标签+按钮{
显示:无;
}
.切换框:选中+标签{
显示:无;
}
.切换框:选中+标签+按钮{
显示:块;
}
.切换框+标签+按钮+div{
显示:无;
边缘底部:10px;
左边距:20px;
}
.切换框:选中+标签+按钮+div{
显示:块;
}
.切换框+标签:在,
[type=“reset”]:在{
背景色:#66AEFF;
-webkit边界半径:15px;
-moz边界半径:15px;
边界半径:15px;
颜色:#FFFFFF;
内容:“+”;
显示:块;
浮动:左;
字体大小:粗体;
高度:25px;
线高:25px;
右边距:5px;
文本对齐:居中;
宽度:25px;
}
.切换框:选中+标签:之前{
内容:“\2212”;
}
#马特鲁{
边界:0;
文本对齐:左对齐;
位置:绝对位置;
顶部:100px;
左:300px;
}

恩圭ễn Văn Tư
恩圭ễn Văn Tư
Tên khách háng
恩圭ễn Văn Tư
Mãkhách háng
PC06LL0191387
塞里·科廷
14138734
中国ỉ số ũ
194
中国ỉ số Mớ我
196.60
sản lượng mớ我
2.