show/hide div based on select option jquery

by m4xout

HTML

<Select id="colorselector">
   <option value="red">Red</option>
   <option value="yellow">Yellow</option>
   <option value="blue">Blue</option>
</Select>
<div id="red" class="colors" style="display:none"> red... </div>
<div id="yellow" class="colors" style="display:none"> yellow.. </div>
<div id="blue" class="colors" style="display:none"> blue.. </div>

JavaScript

$(function() {
        $('#colorselector').change(function(){
            $('.colors').hide();
            $('#' + $(this).val()).show();
            alert(val())
        });
    });
 
    $(function() {
    if($("#customr30").val() == 6) //I'm supposing the "Other" option value is 0.
      console.log('fired');
    $(".other-desc").hide();
});