2011-07-23 4 views
0

スクリプト(JS)を実行すると、いくつかの異なるdivが表示または非表示になります。私が抱えている問題は、要素に「可視性」のプロパティが「隠されていても」、それらはまだ空間を占めるということです。要素を隠して宇宙を奪うのを防ぐ方法はありますか?レイアウトのバックアップ中に要素を非表示にする

それが何を意味している場合、私はあなたが隠し要素visibility :hiddenを使用する場合

乾杯、

DalexL

答えて

2

.hide { 
    display: none; 
} 
1

display: none CSSプロパティを使用して...、同様のjQueryへのアクセス権を持っていますそれでも高さと幅を占めています。 displayプロパティを使用している間、要素が完全に折りたたまれます。あなたは、ディスプレイなし探している

+0

作品:ここhide()について

もっと!ありがとう! – FreeSnow

+0

私は助けてくれることを喜んで、ここに[ディスプレイが取ることができる]すべての値があります(http://www.w3schools.com/cssref/pr_class_display.asp) – Ibu

1

display: none;代わりのvisibility: hiddenを使用してみてください。

JQueryの.hide()メソッドも同様です。あなたは、複数のdivを隠すだけでそれらのすべてにクラスを追加し、クラス全体を非表示にしたい場合

$("#sample").hide(); 

:あなたはどちらか私たちjQueryのhide()機能することができるだけで.show()

1

を使用して再度表示することができます

$(".sample").hide(); 

またそうのようなJavaScriptを使用できます。

function hidedivs() { 
document.getElementById('sample').style.display='none'; 
} 

しかし、それでは、各要素ごとに1つずつ作成する必要があります。私は上記のjqueryをお勧めしたいと思います。今魅力のようなhttp://api.jquery.com/hide

関連する問題