Question

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

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

Answer 1

<强> DEMO

创建所有菜单和框元素：

<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();
   });
});

使用jQuery prepend添加div元素

1 个答案: