JSFiddle - React, Tailwind, and code Playground

by lustre

HTML

<form action="" method="post" id="contactForm" class="lechladeform">
    <div class="col50L"> <a name="form"></a>

        <input type="text" name="name" id="name" value="" placeholder="Full Name">
        <input type="text" name="telephone" id="telephone" value="" placeholder="Telephone">
        <input type="text" name="email" id="email" value="" placeholder="Email Address">
    </div>
    <!--//.col50L-->
    <div class="col50R">
        <input type="hidden" name="development" id="development" value="Lechlade">
        <select name="type" id="type" style="display:none">
            <option value="General">Select Scheme</option>
            <option value="General">General Enquiry/Callback</option>
            <option value="Help to Buy">Help to Buy</option>
            <option value="NewBuy">NewBuy</option>
            <option value="Part Exchange">Part Exchange</option>
            <option value="Assisted Move">Assisted Move</option>
        </select>
        <p class="contactsCheckboxes" style="float:none;">
            <input type="checkbox" name="reqcallback" id="reqcallback" value="1">
            <label for="reqcallback">Callback Request</label>
        </p>
        <div id="callback">
            <label>Ideal time to callback</label>
            <select name="callday" id="callday" class="callday">
                <option value="01">01</option>
                <option value="02">02</option>
                <option value="03">03</option>
                <option value="04">04</option>
                <option value="05">05</option>
                <option value="06">06</option>
                <option value="07">07</option>
                <option value="08">08</option>
                <option value="09">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
           ...

CSS

#contactSuccess {
  display: none;
  color: #000;
  font-size: 16px;
  padding: 60px 0 0 0;
  font-family: "BandaRegular";
}

JavaScript

$(document).ready(function () {
    
    
    $('.lechladeform button').click(function () {
        
        if ( $('#contactForm').is(':visible') ) {
            alert ('Visible');
        } else {
             alert ('gone');   
        }       
        
    });
    
});