0

HTML5 Web サイトの 1 つのコンテンツ DIV を除くすべてを非表示にする「ベスト プラクティス」はありますか? 「最も使用されている」ライブラリ/ライブラリもありますか? それとも、独自の JS コードで記述されることが多いですか?

私の目標は、9 つ​​の DIV をロードすることです。中央にあるのがナビゲーションで、それ以外がコンテンツです。ナビゲーション ポイントが選択されると、特定の div が中央に「スライド」し、他のすべての DIV が非表示になります。

ありがとうございました

4

3 に答える 3

1

私は通常これを行います：

$('.your_div').show().siblings().hide();

.show()と.hide()を目的の効果に置き換えます。

于 2012-06-26T04:49:39.430 に答える
0

Jquery のhide、.showまたは.toggleで十分です。

于 2012-06-26T04:49:03.503 に答える
0

I would add a class to all the hide and show able divs probably a class name like section.

<div class="section" id="home"> home content here... </div>
<div class="section" id="page-slug"> another page here... </div>
<div class="section" id="contact"> contact information here... </div>

Then give each div an id. FInally, in order to show the contact section you would:

$('#contact').show().siblings('.section').hide();

This method of giving like elements the same classand giving container elements an id is really just good practice regardless of the ease of use when selecting jQuery elements.

于 2012-06-26T04:51:51.943 に答える