<h2>Which course do you want?</h2>
<style>
.box{
color: #fff;
padding: 20px;
display: none;
margin-top: 0px;
}
</style>
<script src=”https://code.jquery.com/jquery-3.5.1.min.js”></script>
<script>
$(document).ready(function(){
$(‘input[type=”radio”]’).click(function(){
var inputValue = $(this).attr(“value”);
var targetBox = $(“.” + inputValue);
$(“.box”).not(targetBox).hide();
$(targetBox).show();
});
});
</script>
</head>
<body>
<div>
<label><input type=”radio” name=”colorRadio” value=”red”><span style=”font-size:18px”> The General Training Module</span></label><br /><br />
<label><input type=”radio” name=”colorRadio” value=”blue”><span style=”font-size:18px”> The Academic Module</span></label>
</div>
<div class=”red box”> [mepr-membership-registration-form id=”71956182″] </div>
<div class=”blue box”> [mepr-membership-registration-form id=”71956181″] </div>
<hr />
[mepr-login-form use_redirect=”true”]