JSFiddle - React, Tailwind, and code Playground

HTML

<div class="half left cf uyeform">
    <h1>CLICK AND OPEN</h1>
        <div class="input">
                        <label for="firstname">Ad</label>
                        <input type="text" name="firstname" id="firstname" required value="<?php echo $firstname; ?>" class="input-text">
                    </div>
                    <div class="input">
                        <label for="lastname">Soyad</label>
                        <input type="text" name="lastname" id="lastname" required value="<?php echo $lastname; ?>" class="input-text">
                    </div>
                    <div class="input">
                        <label for="email">Email</label>
                        <input type="email" name="email" id="email" required value="<?php echo $email; ?>"  class="input-text">
                    </div>
                </div>
                
                <div class="half right cf">
                    <div class="input">
                        <label for="password">Şifre</label>
                        <input type="password" name="password" id="password" required  class="input-text">
                    </div>
                    <div class="input">
                        <label for="confirm">Şifre Tekrar</label>
                        <input type="password" name="confirm" id="confirm" required  class="input-text">
                    </div>
                    <div class="input cf">
                        <div class="button"><a class="go-button green"><input type="submit" name="reg-submit" id="reg-submit" value="Kaydı Tamamla" class="button"></div></a>
                    </div>
                </div>

JavaScript

$('.uyeforms h1').click(function(event) {
    $(this).siblings('div').slideToggle('300');
    event.stopPropagation();
});