divを効果的に隠す

HTMLページのどこかにフォームを作成しましたが、表示が非表示になり、すぐに表示されませんでした。私はボタンをクリックしてアクティブにしたかったのですが、ボタンがクリックされた場所に表示されるので、ボタンdivの "innerHTML"を隠しフォームのinnerHTMLに設定しました。フォームが表示されますが、フィールドにデータを入力することはできません（私はそれが他の場所に隠されていると仮定しています）ので、これを回避する方法があるのでしょうか？または、より良い選択肢？divを効果的に隠す

ありがとうございました

出典

2011-10-27 Sam

あなたはあなたのコードを投稿しなければならない、またはより良いまだ、jsfiddle – dnuttle

は – Quincy

は、単にCSS 'ディスプレイの使用を検討してHTMLを入力してください：非表示にするblock'と：NONE'と'表示をショー。 jQueryでは 'fadeIn/Out'メソッドを使用することもできます。実際、CSS3では、JavaScriptを使用せずにコンテンツを完全に隠したり表示することができます。 – kojiro

ボタンをフォームに置き換えてください。 jQueryを使って、あなたはreplaceWith()を使用することができます。

$('#button').replaceWith($('#form').show());

出典

2011-10-27 02:32:16 rid

しかし、どのように隠された問題を回避する？それとも問題じゃない？ – Sam

@Sam、ボタンを置き換えるときに表示します。更新された答え。 – rid

これは正しいですか？ $（ "＃b2"）。replaceWith（$（ "＃f1"）。show（））;ボタンがdiv "b2"にあり、フォームが1つの "f1"にあるとします。私はそれを試しましたが、それは置き換えられませんでした。 – Sam

答えて

関連する問題