javascript - jqueryを使用してフォーム要素を非表示および表示する

Question

一部のフォーム要素を非表示にして、必要な場合にのみ表示したいと考えています。

私のコードの問題は、隠し要素がまだスペースを消費していることです。

この問題の解決策はありますか?

コード例:

要素 #choice を確認してください。非表示になっていますが、それでも Web サイトのスペースを必要とします。

score 2 · Accepted Answer

それらは起こりませんが、周囲

<br>

行う...

divでラップする

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

それを非表示にするか、brを残して間隔をスタイリングします

score 2 · Accepted Answer

これ<br/>を台無しにしています。あなたのjsfiddleは、要素がまだスペースを占有していることを証明していません。私がそれをどのように変更したかを見てください：

タイプ3を選択してすべてを表示し、タイプ1を選択してすべてを非表示にし、タイプ4を選択してテキスト領域のみを表示します。テキストエリアがタイプドロップダウンに対してどのようにフラッシュされるかに注意してください。選択セレクターはスペースを取りません。

選択セレクターを非表示にすると、<br/>'はまだhtmlに残っているため、2つのリターンが表示されます。

score 1 · Accepted Answer

1

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

于 2012-04-16T18:27:21.557 に答える

score 1 · Accepted Answer

1

n個のshowbrタグを非表示にします。

$("br").hide()

于 2012-04-16T18:29:38.320 に答える

4 に答える 4