Css 手风琴菜单上的旋转箭头

这里是全新的，完全是新手，所以请原谅我犯下的多次失礼。我正在尝试为iBook制作一个小部件，它将具有可扩展的信息。考虑到空间有限，试着用手风琴这样做。通过多次迭代，一些仅使用CSS，另一些使用CSS+jQuery，我在下面看到了，我很高兴看到它们，只是无法正确旋转第二个箭头。是否可以使用无线电/检查方法

我的代码在下面

CSS:

HTML

---

提前非常感谢。

您只需将第二块放在div.accorbian中，如下所示：

<div class="accordion">
  <input id="acrd1-item1" name="accordion1" type="radio"checked>
  ...
</div>

<div class="accordion">
  <input id="acrd1-item2" name="accordion1" type="radio">
  ...
</div>

在它像魔术一样工作之后。 以下是最新的

---

如果你还有什么问题，尽管问。

天哪。太简单了！非常感谢你。我将讲述我第一个出生的故事，讲述他/她为什么会这样。他：D，别担心，我遇到了很多更简单的问题：

<div class="accordion">
 <input id="acrd1-item1" name="accordion1" type="radio"checked>
     <label for="acrd1-item1"><div class="rotate">&#9654;</div>&nbsp &nbsp Common ICU Sedatives</label>
 <div>
 <p>    
<ul type=“circle”>
 <li><b>Propofol</b></li>
  <ul type=“disc”>
   <li>Dosing: 50 - 200mg/hr, 1-3mg/kg/hr</li>
   <li>Benefits: Half-life of 30-60 minutes</li>
   <li>Adverse effect: Hypotension, bradycardia, hypertriglyceridemia,     pancreatitis</li>
  </ul>
 <li><b>Dexmedetomidine</b></li>
  <ul type = “disc”>
   <li>Dosing: 0.2 - 1.5 mcg/kg/hr</li>
   <li>Benefits: No respiratory suppression</li>
   <li>Adverse effects: Transient hypertension, then hypotension and     bradycardia</li>
  </ul>
 <li><b>Midazolam</b></li>
  <ul type=“disc”>
   <li>Dosing: Bolus, 1-5 mg, 1-5 mg/hr</li>
   <li>Benefits: Less hypotension</li>
   <li>Adverse effects: Long half-life (3-11 hrs), high risk of delirium and     tolerance</li>
  </ul>
</ul>
</p>

</div>

 <input id="acrd1-item2" name="accordion1" type="radio">
 <label for="acrd1-item2"><div class="rotate">&#9654;</div>&nbsp &nbsp     Common ICU analgesics</label>
 <div><p>
<ul type=“circle”>
 <li><b>Fentanyl</b></li>
  <ul type=“disc”>
   <li>Dosing: 20-100 mcg/hr; consider loading dose of 50 to 100mcg</li>
   <li>Adverse Effect: Respiratory depression, hypotension</li>
  </ul>
 <li><b>Morphine</b></li>
  <ul type = “disc”>
   <li>Dosing: 1-5mg/hr, consider loading dose 2-5 mg</li>
   <li>Adverse Effect: Metabolite renally excreted, known to cause     neurotoxicity, respiratory depression, histamine release</li>
   </ul>
</ul>
</p></div>

<div class="accordion">
  <input id="acrd1-item1" name="accordion1" type="radio"checked>
  ...
</div>

<div class="accordion">
  <input id="acrd1-item2" name="accordion1" type="radio">
  ...
</div>