JSFiddle - React, Tailwind, and code Playground

HTML

<select class="form-control" id="display-type">
                                <option value="six-graphs">Six graphs</option>
                                <option value="sliderFrame">Carousel</option>

                            </select>

<div id="six-graphs" class="type-of-display-group">
             [CODE FOR SIX GRAPHS]
                </div> <!-- End six graphs display-->
                <!-- The div for the carousel-->
                <br />
                <div id="sliderFrame" class="type-of-display-group"> [CODE FOR CAROUSEL]

                </div><!-- End of carousel -->

JavaScript

$('.type-of-display-group').hide();
    $('#six-graphs').show();
    $('#display-type').change(function () {
        $('.type-of-display-group').hide();
        $('#' + $(this).val()).show();
    });