JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="side-nav">
       <li><div id="appetizer2"><a href="#appetizer"><h3>appetizers</h3></a></div>
</li>


        <li><div id="soupmenu"><a href="#soup"><h3>soups &amp; side salads</h3> </a>
</div>
</li>
        <li><div id="sidemenu"><a href="#side"><h3>sides</h3></a>
</div>
</li>
        <li><div id="housemenu"><a href="#house"><h3>house specialties</h3></a>
</div>
</li>
        <li><div id="pizzamenu"><a href="#pizza"><h3>pizza @ select locations</h3></a>
</div>
</li>
        <li><div id="classicmenu"><a href="#classic"><h3>classics</h3></a>
</div>
</li>
        <li><div id="appetizermenu"><a href="#dessert"><h3>desserts</h3></a>
</div>
</li>
        <li><div id="drinkmenu"><a href="#drink"><h3>drinks &amp; coffee</h3></a>
</div>
</li>
      </ul>
   <div id="appetizer"> <div class="large-9 push-3 columns">
      <div class="panel">
     <h2><a style="color: #fff">
<div class="menutitle">
<img src="/system/images/W1siZiIsIjIwMTMvMDUvMDEvMTNfMTZfMDlfMzkxX2FwcGV0aXplcnMucG5nIl1d/appetizers.png" />
</div>

</a>
</h2>  
    
  <div class="appetizer"> 
 <div class="large-4 columns">
                <h5>bruschetta </h5>
<h6 class="subheader">grilled rustic bread with tomatoes, fresh basil, garlic, extra virgin olive oil and salsa verde 
               <br /> Regular: (695 cal)<br /> Small: (426 cal v)</h6>
       </div>
            
 
            <div class="large-4 columns">
                <h5>gamberi</h5>
                <h6 class="subheader">gulf shrimp sautéed in an iron skillet with tomato, garlic and chili, served with grilled bread<br />
(557 cal)</h6>

            </div>
 
            <div class="large-4 columns">
                <h5>caprese</h5>
                <h6 class="subheader"> local tomatoes layered with fresh Belgioso mozzarella, fresh basil and a balsamic reduction<br />
Regular: (808 cal v) <br />Small: (517 cal v)
 </h6>
              
            </div>
 
            <div class="large-4 columns">
                <h5>cozze | vongole</h5>
...

JavaScript

jQuery(document).ready(function(e){
    $('.side-nav a').click(function (e) {
        var $this = $(this);
        var top = $($this.attr('href')).offset().top - 10;
        
        $('html, body').stop().animate({
			scrollTop: top
		}, 'slow');
        
        e.preventDefault();
    });
});