JSFiddle - React, Tailwind, and code Playground

by Stanly Pokrowsky

HTML

<div>
    <a href="javascript:" class="sushi" id="clicksushi">
        <div></div>
        <span>SUSHI</span>
    </a>
    <div id="opensushi">
        <div id="opensushi2">
            <table cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td style="background:url(<?=$urlsite?>img/repeatpart.png)">
                        PHP SCRIPT
                    </td>
                </tr>
                <tr>
                    <td></td>
                </tr>
            </table>
        </div>
    </div>
</div>

CSS

#opensushi {
position:relative;
}

#opensushi2 {
display:none;
position:absolute;
left:0px;
width:600px;
height:800px;
z-index:99;
background:red;
}

JavaScript

$( document ).ready(function() {
    $( "#clicksushi" ).click(function() {
  		$( "#opensushi2" ).slideToggle( "slow" );

	});
});