JSFiddle - React, Tailwind, and code Playground

HTML

<select class="selectOption">
    <option>Analytics</option>
    <option>Translation</option>
    <option>Poll</option>
</select>

<div id="changingArea">
    <div id="Analytics" class="desc">Analytics</div>
    <div id="Translation" class="desc">Translation</div>
    <div id="Poll" class="desc">Poll</div>
</div>

CSS

.desc:not(:first-child) {
    display: none;
}

JavaScript

$(function(){

    $('.selectOption').change(function(){
        var selected = $(this).find(':selected').text();
        $(".desc").hide();
        $('#' + selected).show();
    });

});