Dropdown change div

by dhavaljani

HTML

<select id="selectMe">
    <option value="option1">Free</option>
    <option value="option2">Basic</option>
    <option value="option3">Premium</option>
    <option value="option4">Plus</option>
</select>
<div id="option1" class="group">Pricing table with feature info for Free here.</div>
<div id="option2" class="group">Pricing table with feature info for Basic here.</div>
<div id="option3" class="group">Pricing table with feature info for Premium here.</div>
<div id="option4" class="group">Pricing table with feature info for Plus here.</div>

JavaScript

$(document).ready(function () {
    $('.group').hide();
    $('#option1').show();
    $('#selectMe').change(function () {
        $('.group').hide();
        $('#'+$(this).val()).show();
    })
});