javascript可点击的文字

Question

这应该是一个非常基本的问题.我想要一些HTML列表:

• 一个
• 乙
• C

点击其中一个元素,下面会显示一些内容.例如,单击B时,我们获得:

• 一个
• B
  "bla bla bla"
• C

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

谢谢,
Arnaud

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>

实现同样目标的众多方法之一.