JSFiddle - React, Tailwind, and code Playground

HTML

<!-- SUPPORT CONTACT FORM START-->
    			<div class="contactSupportButton"><input type="button" src=".png" alt="contact support button" style="height: 40px; width: 120px" onClick="showSupForm()"/>
    					<div id="contactSupportForm">
    						TEST
    					</div>
    				</div>
    			
    			<script type="text/javascript">
    				function showSupForm() {
    				document.getElementById('contactSupportForm').style.display = "block";
    				}
    			</script>
    			<!-- SUPPORT CONTACT FORM ENDING-->
    				
    			<!-- BUSINESS CONTACT FORM START-->
    			<div class="contactBusinessButton"><input type="button" src=".png" alt="contact business button" style="height: 40px; width: 120px" onClick="showBusForm()"/>
    					<div id="contactBusinessForm"> 
    						TEST
    					</div>
    				</div>
    				
    			<script type="text/javascript">
    				function showBusForm() {
    				document.getElementById('contactBusinessForm').style.display = "block";
    				}
    			</script>
    			<!-- BUSINESS CONTACT FORM ENDING-->
    			
    			<!-- OTHER CONTACT FORM START-->
    			<div class="contactOtherButton"><input type="button" src=".png" alt="contact other button" style="height: 40px; width: 120px" onClick="showOtherForm()"/>
    					<div id="contactOtherForm">
    						TEST
    					</div>
    				</div>
    				
    			<script type="text/javascript">
    				function showOtherForm() {
    				document.getElementById('contactOtherForm').style.display = "block";
    				}
    			</script>
    			<!-- OTHER CONTACT FORM ENDING-->

CSS

#contactSupportForm{
	display: none;
}

#contactBusinessForm{
	display: none;
}

#contactOtherForm{
	display: none;
}