Oi tenho meu código da página
<select class="form-control" id="selected">
<option selected="selected" value="0">Selecione</option>
<option value="a">MONTAGEM LATERAL</option>
<option value="b">MONTAGEM TETO</option>
<option value="c">MONTAGEM SEMI-EMBUTIDA</option>
<option value="d">MONTAGEM SOBRE A BASE</option>
</select>
<div id="colors">
<div id="a">
<p>a</p>
</div>
<div id="b">
<p>b</p>
</div>
<div id="c">
<p>c</p>
</div>
<div id="d">
<p>d</p>
</div>
em um arquivo javascript separado eu tenho o seguinte código
$(function(){
$("#selected").change(function(){
$('#colors div').hide();
$('#'+$(this).val()).show();
});
});
O que está acontecendo que, está aparecendo todas as div e somente quando eu escolho uma que oculta as outras div e aparece a correta, mas o correto seria ao carregar a página ocultar todas as div e só aparecer quando for selecionadas. Aparentemente tem algo errado com meu código do javascript