JSFiddle - React, Tailwind, and code Playground

HTML

<div id="addActors">
    <select type="select" id="ddlSelectNumActorsToAdd">
        <option value="0">Number to Add</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
    </select>
    <p id="addActor1">
        <select type="select" id="ddlSelectActor1"></select>
        <label id="lblAddActor1FirstName" for="txtAddActor1FirstName">First Name:</label>
        <input type="text" id="txtAddActor1FirstName" size="20"
        />
        <label id="lblAddActor1LastName" for="txtAddActor1LastName">Last Name:</label>
        <input type="text" id="txtAddActor1LastName" size="20"
        />
    </p>
    <p id="addActor2">
        <select type="select" id="ddlSelectActor2"></select>
        <label id="lblAddActor2FirstName" for="txtAddActor2FirstName">First Name:</label>
        <input type="text" id="txtAddActor2FirstName" size="20"
        />
        <label id="lblAddActor2LastName" for="txtAddActor2LastName">Last Name:</label>
        <input type="text" id="txtAddActor2LastName" size="20"
        />
    </p>
    <p id="addActor3">
        <select type="select" id="ddlSelectActor3"></select>
        <label id="lblAddActor3FirstName" for="txtAddActor3FirstName">First Name:</label>
        <input type="text" id="txtAddActor3FirstName" size="20"
        />
        <label id="lblAddActor3LastName" for="txtAddActor3LastName">Last Name:</label>
        <input type="text" id="txtAddActor3LastName" size="20"
        />
    </p>
    <p id="addActor4">
        <select type="select" id="ddlSelectActor4"></select>
        <label id="lblAddActor4FirstName" for="txtAddActor4FirstName">First Name:</label>
        <input type="text" id="txtAddActor4FirstName" size="20"
        />
        <label id="lblAddActor4LastName" for="txtAddActor4LastName">Last Name:</label>
        <input type="text"...

JavaScript

$('#addActors p').each(function () {
    $(this).hide();
});


$('#ddlSelectNumActorsToAdd').change(function () {
    $('#addActors p').hide().slice(0, $(this).val()).fadeIn(200);
});