Javascript 在页脚中重复导航功能

在互联网的帮助下，我成功地拼凑出了一份清单

我也需要把它放在页脚上，但为了便于控制，我复制了它并把它放在了页脚上，但我似乎无法正确地得到它

你能帮忙吗

谢谢

<nav class="clearfix">
<a href="#" id="pull">Menu</a>
<ul class="clearfix">
        <li><a href="#">item1</a></li>
        <li><a href="#">item2</a></li>
        <li><a href="#">item3</a></li>
        <li><a href="#">item4</a></li>
        <li><a href="#">item5</a></li>  
        <li><a href="#">item6</a></li>
        <li><a href="#">item7</a></li>
        <li><a href="#">item8</a></li>
         <form id="search-form" action="#" method="get" >

             <div id="search-outer">                    
        <input id="search-input" type="text" type="text" name="q" value="Site search" onfocus="if (this.value=='Site search') { this.value=''; };return true;" /><input id="search-submit" type="submit" value="Search" />
          </div>

      </form>
    </ul>


</nav>

BTW：使用

{}

按钮，而不是代码块的

“

按钮。此外，您的HTML无效。您不能将

和

作为

的直接子对象。您使用的是一个ID，

ID=“pull”

。这些一定是独一无二的！将其更改为类，或在页脚中使用不同的ID。@Rocket Hazmat我复制了html、css和JS并更改了ID，但它不起作用，这就是为什么我将原始文件放在上面的原因。。你记得在JavaScript和css中更改/添加ID吗？也许可以尝试使用类而不是ID？