使用jQuery prepend添加div元素

我想知道是否有可能有几个具有不同id的div元素，它们具有不同的内容，然后根据菜单中的选择使用prepend添加它们？当页面加载时，所有这些元素都应该隐藏。我可以这样做吗

编辑： 我的想法是将所有信息放在一个页面上，根据用户的选择显示部分内容，而不是加载几个不同的页面，其中只包含一些文本，但主题不同。这是个坏主意吗？

创建所有菜单和框元素：

<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>

而不仅仅是：

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

---

我投了反对票，这个问题的答案显然是肯定的或否定的。你能澄清一下你现在需要什么和不能做什么吗？你为什么要为什么元素预先准备一个div？难道你不想根据某些条件显示一个div吗？如果你不得不否决我的问题，那真是悲哀！我可能会更清楚一点。我只是想让som帮助我如何隐藏元素，以及如何使用prepend添加元素。我想隐藏和显示更好！我忘了有这些东西。我想这就是我想要的帮助。我还可以将隐藏和显示过程与躯体衰减结合起来吗？很棒的演示！就像我想要的一样！太完美了！谢谢你的帮助！

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