JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<form name="myForm">
<input class="form" type="button" name="button" value="ЗАКАЗАТЬ СЕЙЧАС" onmousedown="mOver()" '="" onclick="window.location="" onmouseout="Out()">
        
</form>
    <div class="textwidget"><table><tbody><tr><td>
<div class="wpcf7" id="wpcf7-f18-p297-o1"><form action="/proverennye-tekhnologii/#wpcf7-f18-p297-o1" method="post" class="wpcf7-form">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="18">
<input type="hidden" name="_wpcf7_version" value="2.4.1">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f18-p297-o1">
</div>
<p>Ваше имя <br>
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-text" size="30"></span> </p>
<p>Телефон или E-mail<br>
    <span class="wpcf7-form-control-wrap text-992"><input type="text" name="text-992" value="" class="wpcf7-text" size="30"></span> </p>
<p>Сообщение<br>
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="30" rows="5"></textarea></span> </p>
<p><input type="submit" value="Отправить" class="wpcf7-submit"><img class="ajax-loader" style="visibility: hidden;" alt="Sending ..." src="http://evkos.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif"></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div></td></tr></tbody></table></div>

CSS

.textwidget {
    display: none;
}

JavaScript

$(document).ready(function(){
    $('.form').toggle(function() {
        $('.textwidget').css('display','block');
    }, function() {
        $('.textwidget').css('display','none');
    })
})