JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div class="menuItem">
    <button>Food Item</button>
    <div class="info">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <img src="../images/menu/spaghetti.jpg" alt="spaghetti">
    </div>
</div>
<div class="menuItem">
    <button>Food Item</button>
    <div class="info">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <img src="../images/menu/spaghetti.jpg" alt="spaghetti">
    </div>
</div>
<div class="menuItem">
    <button>Food Item</button>
    <div class="info">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <img src="../images/menu/spaghetti.jpg" alt="spaghetti">
    </div>
</div>
</div>

CSS

.view{
 display:none;
}

JavaScript

function handler(e){
console.dir(e.target.parentNode);
 if(e.target.nodeName='BUTTON'){
   e.target.parentNode.getElementsByClassName('info')[0].classList.toggle('view');
 }
}
document.getElementById('container').addEventListener('click',handler,false);