JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

Select One   
<select>
    <option>Item1</option>
    <option>Item2</option>
    <option>Item3</option>
    <option class="hidden">Item4</option>
    <option class="hidden">Item5</option>
    <option class="hidden">Item6</option>
    <option class="hidden">Item7</option>
    <option class="more">More</option>
    <option></option>
</select>

CSS

.hidden{
    display: none;
}

JavaScript

$('select').change(function(){
    var $select = $(this);
    if ($select.val() == "More"){
    $('.more').hide().prevAll('.hidden').show();
    }
});