seeeeeeeeeeeee.html

<div id="candidate-check-usi-section">
    <div class="header-container">
        <h2 class="title highlight">Unique Student Identifier</h2>
    </div>
    <div class="candidate-flex-box candidate-check-usi-details-dropdown">
        <label for="candidate-usi-question-y">Do you have a Unique Student Identifier(USI)?
            <spand class="required-field"></spand>
            <input type="radio" id="candidate-usi-question-y" name="usi-question" value="yes" checked="checked"
                   onclick="slideDown('#enter-usi'); slideUpDivclass('#candidate-create-usi-option'); slideUp('#candidate-placeofbirth-section'); uncheck('#create-usi-checkbox'); slideUp('.dropdown-id'); slideUp('#formsofid');"/>
            <label class="answer-label" for="3">Yes</label>
            <input type="radio" id="candidate-usi-question-n" name="usi-question" value="no"
                   onclick="slideUp('#enter-usi'); slideDown('.no-usi'); slideDown('#candidate-placeofbirth-section');"/>
            <label class="answer-label" for="candidate-usi-question-n">No</label>
            <div id="canidate-enter-usi">
                <label for="candidate-usi-number">
                    <strong>Please enter your USI</strong> If you enter a usi please press continue
                    <input type="text" class="required text-box-width" id="candidate-usi-number" maxlength="10">
                </label>
            </div>
    </div>
</div>
<div id="candidate-create-usi-option"><label for="title:">
        Would you like us to create or retrive a USI on your behalf? <span class="required-field"></span>
        <input type="radio" id="create-usi-checkbox" name="create-usi" value="yes"
               onclick="slideDown('#candidate-placeofbirth-section'); HideDivclass('gap-usi');" checked="checked"/>
    </label><label for="create-usi-checkbox">Yes</label>
    <input type="radio" name="create-usi" id="create-usi-checkbox2" value="no"
           onclick="slideUp('.create-usi'); slideUp('#candidate-placeofbirth-section');  SlideUpDivclass('gap-usi'); slideUp('.dropdown-id'); slideUp('#formsofid');"/>
    <label for="create-usi-checkbox2">No</label>
    <p>
        <small>Please note that we require you to either create a USI on your behalf or retrieve your USi before
            training can commence</br></small>
    </p>
</div>


<script type="text/javascript">

    //checks usi var length to make sure it is the correct amount of numbers
    //----------------------------------------------------------------------------//
    //
    $('.details').data("required", {total: $('.details .required').length, filled: 0});
    $('.details .required').on('keyup click', function () {
        checkField($(this), $('.details'));
    });
    $('.details').on('keyup click', function () {
        checkSection($(''), $(''));
    });


</script>