Javascript 单击链接时显示页面的隐藏内容

我已经创建了固定的页眉和页脚。当用户单击页脚或页眉中的链接时，应显示该页面的内容

在这里，我有各种各样的风格，但无法利用：

以下是我的演示的链接：

以下是带有4个链接的页脚代码：

<ul class="nav navbar-nav">     
    <li class="active"><a href="#">What is Facebook?</a></li>
    <li><a href="#about">How does it work?</a></li>
    <li><a href="#contact">Feedback</a></li>
    <li><a href="#contact">Contact us</a></li>                            
</ul>

此页脚和页眉应保持固定。当用户单击链接时，该页面的内容应在不加载页面的情况下显示

---

现在考虑每个可点击链接的页面上的黑色空间。

嘿，伙计，你可以这样尝试< /P> JS代码：

$('.nav navbar-nav li a').on('click',function(){
   var pageName=$(this).html();
   $.ajax({
     url: "target.php", // the page were the target page is generated based on the input data
     data: {page:pageName}, //pagename to be displayed
 success:function (data){
    $('#Result').html (data); //add the data returned for footer option
  }
   });

});

服务器脚本可以是aspx、php或任何您认为易于使用的东西

---

快乐编码：）

您可以尝试更改元素的显示属性以隐藏和显示它。没有人会为您编写代码。我建议使用jQuery加载内容页，使用由每个链接的onClick事件触发的AJAX。@神话：我想显示整个页面。它不是元素