Javascript 单击时向下滚动每个链接的内容

我有一些链接固定的页脚。在这里可以看到

HTML:

页脚中几乎没有链接，比如

什么是facebook？

。当用户单击此链接时，该页面的内容应从页面底部显示。每个链接都类似

---

这是如何实现的？

为了简单起见，当用户单击链接集时，加载链接内容并设置

显示：无

。像这样

 <ul class="active"><a href="#">What is Facebook?</a></li>
      <li><a href="#about">How does it work?</a>
           <div id="aboutus_content" style="display:none"><?php include 'about-us.php' ?></div>
      </li>
      <li><a href="#contact">Feedback</a>
           <div id="contactus_content" style="display:none"><?php include 'contact-us.php' ?></div>
      </li>
      <li><a href="#contact">Contact us</a>
           <div id="contactus_content" style="display:none"><?php include 'contact-us.php' ?></div>
      </li> 
</ul>

---

我不明白你想达到什么目的。你能让这更容易理解吗？@Kleinfeund:请看代码笔，在页脚我有几个链接。单击每个链接内容后，应该会从底部显示。很抱歉，很难知道您需要什么。@HanletEscaño:我更新了描述。你现在明白了吗？@Kleinfeund:我更新了描述。你现在明白了吗？

 <ul class="active"><a href="#">What is Facebook?</a></li>
      <li><a href="#about">How does it work?</a>
           <div id="aboutus_content" style="display:none"><?php include 'about-us.php' ?></div>
      </li>
      <li><a href="#contact">Feedback</a>
           <div id="contactus_content" style="display:none"><?php include 'contact-us.php' ?></div>
      </li>
      <li><a href="#contact">Contact us</a>
           <div id="contactus_content" style="display:none"><?php include 'contact-us.php' ?></div>
      </li> 
</ul>

$(function(){
    $(ul li).on(click,function(){
        if($(this).css("display")=="block")
                    ;//do nothing
         else
         {
               //find which li display is block (by its ID), set it to none and set current li display to block.
         }
    });
});