JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<p>
    <button class="btn btn-primary" id="process">Process</button>
</p>
<form id="form_process" method='post'>
    <h4>Process</h4>
	<select>
		<option><option>
    </select>    
    <input type='hidden' name='action' value='process'>
    <button class="btn btn-success" id="submit">Submit</button>
</form>

CSS

body {
    padding: 10px;
}
button {
    margin: 4px;
}
form {
    display: none;
}
form input {
    display: inline-block;
}
#submit {
    display:block;
    margin: 4px;
}

JavaScript

$('.btn-primary').click(function () {
    $('.btn-primary').removeClass('currentButton')
    $(this).addClass('currentButton')
    $('form').hide()
    $("#form_" + $(this).attr('id')).show();
})