jqueryを使用してフォーム要素を隠して表示する

Question

いくつかのフォーム要素を非表示にして、必要なときにのみ表示します。

私のコードの問題は、隠された要素がまだ空間を消費することです。

この問題を解決する方法はありますか？

例コード：

Link

チェック要素#choice。隠されていますが、それでもウェブサイトにはスペースが必要です。

Answer 1

彼らは行われませんが、やる

<br> 

周囲...

をいずれかのdiv

<div class="initiallyhidden"> 
<br/>  
<select>.....</select> 
<br/> 
</div> 

で包み、それを隠し、または当社のBRとスタイルを残しますスペーシング

Answer 2

表示されるスペースは、<br/>というタグが原因です。

Answer 3

hide n show brタグ：

$("br").hide() 

Answer 4

<br/>がこれを突っ込んでいます。あなたのjsfiddleは要素がまだ空間を占めることを証明していません。

http://jsfiddle.net/2YdbH/12/

選択タイプ3のすべてを非表示にするすべてのもの、選択タイプ1を示し、その後、唯一のテキスト領域を表示するタイプ4を選択するために：私はそれを修正する方法を見てください。テキストエリアがタイプドロップダウンとどのように並んでいるかに注目してください。選択セレクタはスペースを取らない。

セレクタセレクタを非表示にすると、<br/>はまだhtmlに存在するため、2つのリターンが表示されます。