JSFiddle - React, Tailwind, and code Playground

by kanishka_bandara

HTML

<form>
          <p>
          <select id="dropdown" name="dropdown">
              <option value="Pubs" selected="selected">Pubs </option>
              <option value="Councils">Councils </option>
              <option value="Property">Property </option>
              <option value="Various">Various </option>
              <option value="Universitys">Universitys </option>
          </select>
          </p>
     </form>


<div id="Pubs">pubs</div>
<div id="Councils">councils</div>
<div id="Property">property</div>
<div id="Various">various</div>
<div id="Universitys">universitys</div>

JavaScript

function showTheTab( name ) 
        {
            name = '#' + name;

            $('div').not(name).hide();

            $(name).show();
        }

        $('#dropdown').change( function() {

            showTheTab( $( this ).val() );
        });

        showTheTab( $('#dropdown').val() );