Update UL LI using jquery

<footer id="footer-container">
      <section id="footer1">

          <ul id="showfirst">
             <h1>Links</h1>
             <li><a href="#">Link 1</a></li>
             <li><a href="#">Link 2</a></li>
             <li><a href="#">Link 3</a></li>
             <li><a href="#">Link 4</a></li>
             <li><a href="# id="next"> + links </a></li>
          </ul>

          <ul id="showsecond">
             <li><a href="#">Link 5</a></li>
             <li><a href="#">Link 6</a></li>
             <li><a href="#">Link 7</a></li>
             <li><a href="#">Link 8</a></li>
             <li><a href="#">+ links</a></li>
          </ul>

       </section>
   </footer>

<script type="text/javascript">
    $('#next).click(function{
  
    $('#showsecond').show();

});
</script>