html - 当时只检查了一个输入 css

Question

我只想显示已检查输入的内容，并且一次只能检查一个输入。我只想知道如何取消选中以前检查过的输入，以便一次只检查一个输入。我希望这个功能只使用 css 而不是 js。我知道如何在 js 中做到这一点。这是我的代码。

input {
  display: none;
}

.content {
  padding: 5px 0px;
  margin: 0 0 1px 0;
  border-radius: 3px;
  color: hsl(240, 6%, 50%);
  font-size: 14px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0.4s, opacity 0.4s;
}

input:checked ~ .content {
  height: 60px;
  opacity: 1;
}

Github 仓库： https ://github.com/rishipurwar1/faq-accordion-card-main

标签： htmlcss

Answer 1

用这种方式

<input type="radio" name="accor" id="ques-five">

https://jsfiddle.net/lalji1051/aob9mu2h/1/