0

現在、クリック時にコンテンツを非表示および表示する 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と、ボックスが消えることです。そのボックスを維持する必要があります。他のものに影響を与えずにこれを達成するにはどうすればよいですか?

4

2 に答える 2

1

入力ボックスをクリックすると、<a>. 移動します:

http://jsfiddle.net/d33zC/

入力ボックスをリンクと同じ行に表示したい場合は、display:inline-blockに注意してください。<div>

編集：

コメントから拡張すると、これがあなたが探しているもののようです:

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

border-bottomからaに移動しliます。

于 2012-10-18T03:45:42.313 に答える
0

入力ボックスはquestiondiv 内にあるため非表示になります。外に移動すれば問題ありません。

于 2012-10-18T03:30:53.940 に答える