drop down with corresponding text field to display

Hi Please could you assist me I am really struggling to get the conditional fields to work.
I need the correct field to display when one of the team options is selected from the drop down menu.
e.g. If a user selects the ‘Company Team’ option on the drop down, I need the text box ‘Company Team Name’ to show. If the user selects ‘Club Team’ the ‘Name of Club’ text field must display and so on.

My form fields are:

<div class=”form-row”>
<label> Select your team category
<div class=”column-full”>[select* menu-race-category “Pro-team” “Corporate Team” “School Team” “Club Team”]</p></div>
</div>

[group group-race-catagories]
<div class=”form-row”>
<div class=”column-full”><p>[text* name-of-pro-team placeholder “Name of Your Team*”]</p></div>
</div>

<div class=”form-row”>
<div class=”column-full”><p>[text* name-of-company placeholder “Name of Company*”]</p></div>
</div>

<div class=”form-row”>
<div class=”column-full”><p>[text* name-of-school placeholder “Name of School*”]</p></div>
</div>

[/group]<div class=”form-row”>
<div class=”column-full”><p>[text* name-of-club placeholder “Name of Club*”]</p></div>
</div>

<div class=”form-row”>
<div class=”column-full”>[submit “Send”]</div>
</div>

</div><!–end responsive-form–>