javascript或php上的活动类菜单项

我有菜单项代码…我想，如果我点击菜单a，它将显示一个页面，如果我点击菜单b，它将显示页面b，没有页面a

谁能告诉我如何用

javascript

或

php

解决这个问题，我是新手。。。。请帮忙

这是我的

HTML

代码

<div class="col-xs-9">
  <ul class="menu-items">
    <li class="active"></li>
    <li>b</li>
  </ul>
  <div style="width:100%;border-top:1px solid silver">
    <p style="padding:15px;">page a</p>
  </div>
  <div class="attr1" style="width:100%;border-top:1px solid silver">
    <p>page b</p>
  </div>
</div>

b

第a页

b页

您的意思是当您单击列表项时要打开一个新页面，所以只需执行此

窗口。打开（在此处传递页面url）

b

第a页

第b页

首先，您需要隐藏页面b，为您的div提供id，以便通过javascript显示/隐藏：

<div class="col-xs-9">
    <ul class="menu-items">
        <li id="showA" class="active"></li>
        <li id="showB">b</li>

    </ul>
    <div id="pageA" style="width:100%;border-top:1px solid silver">
        <p style="padding:15px;">
            page a
        </p>
    </div>
     <div id="PageB" class="attr1" style="width:100%;border-top:1px solid silver;display:none">
        <p>page b</p>
    </div>
</div>

---

这不是新页面，而是类似容器的东西，当我单击a时，它将显示div a，当我单击b时，它将显示div b n隐藏div a如果答案解决了您的问题，您可能希望养成接受答案的习惯：

<script>
  $(document).ready(function() {
    $("#showA").click(function() {
            $("#pageB).hide();
            $("#pageA").show();
     });

     $("#showB").click(function() {
            $("#pageA).hide();
            $("#pageB").show();
     });
</script>

$(".menu-items li").click(function() {
   $(".menu-items li").removeClass("active);
   $(this).addClass("active");
});