Question

我目前有一个用于CSS表的JavaScript，它隐藏并显示点击内容：

function toggle2(id, link) {
 var e = document.getElementById(id);
  if (e.style.display == '') {
   e.style.display = 'none';
  } else {
   e.style.display = '';
  }
}

然后我有以下代码在“问题”下显示一个输入框：

<li>
  <a href="#" onclick="toggle2(\'question\', this);">Question
   <div id="question" style="display:none; margin:0px;">
    <input type="text" />
  </div>
  </a>
</li>

问题是，当我点击输入框时需要保留block，框就会消失。我需要框留下来，如何在不影响其他内容的情况下实现这一目标？

Answer 1

因为当您单击输入框时，您还“单击”<a>。移出来：

http://jsfiddle.net/d33zC/

如果您希望输入框与链接保持一行，请注意display:inline-block上的<div>。

修改：

从评论中延伸，似乎这就是你要找的东西：

http://jsfiddle.net/d33zC/5/

将border-bottom从a移至li。

Answer 2

输入框被隐藏，因为它在question div内。将它移到外面你就不会有问题了。

单击时保持输入框在视图中（块展开）

2 个答案: