jquery - jQuery prepend を使用して div 要素を追加する

Question

メニューからの選択に応じて、異なるコンテンツを持つ異なる id を持つ複数の div 要素を作成し、それらを先頭に追加することは可能でしょうか? ページが読み込まれると、これらの要素はすべて非表示になります。私はそれを行うことができますか？

編集: いくつかの異なるページをいくつかのテキストだけでロードする代わりに、異なる主題で、私のアイデアはすべての情報を 1 つのページにまとめ、ユーザーの選択に応じていくつかの部分を表示することでした。これは悪い考えですか？

Answer 1

デモ

メニューとボックスのすべての要素を作成します。

<ul id="menu">
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>

ボックスが CSS であることを確認します。

display:none;

単に行うよりも：

$(function(){
   $('#menu li').click(function(){
        var menuLiIndex = $(this).index();
        $('.box').hide().eq( menuLiIndex ).show();
   });
});