javascript - 带有嵌套项的 Accordion 控件

Question

我创建了 Accordion 控件，在该 Accordion 控件中，它有 2 个单选按钮和按钮。我在 Dot net 中使用 javascrip 和 css 在 HTML5 中创建。当在同一个 Accordion 面板中选中任何单选按钮时，其他一些控制面板应该打开。当选中另一个单选按钮时，第一个单选按钮的面板应该被禁用，并且应该在同一个 Accordion 控件中看到另一个面板

Answer 1

这可以通过 :checked 伪选择器单独使用 CSS 完成。

例子:

input[type="radio"] + div {
    height: 0;
}

input[type="radio"]:checked + div {
    height: 100px;
}

jsFiddle(完成转换):http://jsfiddle.net/dH65w/

不幸的是，过渡不适用于 height: auto，因此您需要固定高度。此外，CSS 的“+”部分在 IE7 中不起作用，过渡效果甚至在 IE9 中也不起作用。