Mostra / Esconde Div jQuery

[ffgabriel 0]

Opa, beleza galerinha?

então to precisando de uma ajuda de vocês, não estou conseguindo fazer um script que mostra / esconde a Div,

 

tipo:

 

<script type="text/javascript">

 

$(document).ready(function(){

 

 

 

$("#Modulo").change(function () {

 

var moduloID = this.value;

 

 

 

 

$("#"+moduloID+"").show().siblings().hide();

 

 

 

 

 

})

 

 

});

 

 

</script>

o jQuery pega o resultado do select:

 

<select name="select" id="Modulo" nome="Modulo">

<option value="1">Produto 01</option>

<option value="2">Produto 02</option>

<option value="3">Produto 03</option>

<option value="4">Produto 04</option>

</select>

e exibe a div de cada produto:

 

<div id="1">Conteudo</div>

<div id="2">Conteudo</div>

<div id="3">Conteudo</div>

<div id="4">Conteudo</div>

soque ta acontecendo o seguinte, quando o usuario seleciona o produto 02 por exemplo, ele ira exibir a div 2, mais se ele selecionar novamente o produto 03, a div 2 não esta sumindo, ai fica aberto a 02, e a 03, =x

 

agradeço muito !

 

Obrigado !

[Paulo Freitas Nobrega 0]

<script type="text/javascript">

$(document).ready(function(){

$("#Modulo").change(function () {

var moduloID = this.value;

 

$(".boxs").each(function(i) {

if($(this).attr("id")==moduloID) {

$("#"+moduloID).show();

} else {

$("#"+moduloID).hide();

}

});

 

})

});

</script>

<div id="1" class="boxs">Conteudo</div>

<div id="2" class="boxs">Conteudo</div>

<div id="3" class="boxs">Conteudo</div>

<div id="4" class="boxs">Conteudo</div>

acredito que resolva!