JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript: void(0);" id="hide1">I want to create a custom package</a>

<div id="hide2" class="hidden">
    <p>
        <input type="radio" name="" />
        <label for="price">Name your price:</label>
        <input class="small" id="price" /> .00($299 minimum)
        <br />
    </p>
</div>

CSS

.hidden {
    display: none;
}

.small {
    width: 10px;
}

JavaScript

var hide1 = document.getElementById('hide1');
var hide2 = document.getElementById('hide2');

hide1.addEventListener('click', function () {
    hide1.classList.add('hidden');
    hide2.classList.remove('hidden');
}, false);