javascript 可点击文本

Question

这应该是一个非常基本的问题。我想要一些 html list :

• 一个
• B
• C

点击其中一个元素，下面应该会显示一些内容。例如，当点击B时，我们得到:

• 一个
• B
  “布拉布拉布拉”
• C

我想有很多方法可以实现这一目标。我只想要最简单/最干净的方法。

谢谢，
阿诺

Answer 1

<script>
function open_item(sender) {
    sender.getElementsByTagName('div')[0].style.display = 'block';
}
</script>

...

<ul>
   <li onclick="open_item(this);">
      A
      <div style="display: none;">bla bla</div>
   </li>
   <li onclick="open_item(this);">
      B
      <div style="display: none;">bla bla</div>
   </li>
   <li onclick="open_item(this);">
      C
      <div style="display: none;">bla bla</div>
   </li>
</ul>

实现相同目标的许多很多方法之一。