SlideToggle ul li

HTML

<ul>
    <li><a href="#">First</a></li>
    <li><a href="#">Second</a></li>
    <li><a href="#">Third</a></li>
    <li><a href="#">Fourth</a></li>
</ul>

CSS

ul {
    background:#ddd;
}

ul li {
    display:inline;
    background:lightyellow;
}

ul li:not(:first-child) {
    display:none;
    display:inline;
}

JavaScript

alert('test');
  $('ul li:first-child').on('click', function () {
  		
      $('ul li:not(:first-child)').slideToggle();
  });