JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td id="share">Share</td>
        <td>Print</td>
        <td>Recommend</td>
    </tr>
</table>


<div id="shareOptions">
    <ul>
        <li>Facebook</li>
        <li>Twitter</li>
        <li>Blog</li>
    </ul>
</div>

CSS

td {
    padding:5px;
    border:1px solid black;
}

#shareOptions {
    border:1px solid black;
    width:200px;
    padding:3px;
    margin-top:5px;
    display:none;
}

JavaScript

jQuery("#share").bind("click", function() {
    jQuery("#shareOptions").toggle();
});