Exibição de conteúdo no HTML com Jquery

Preciso exibir conteúdo de acordo com a opção selecionada em um select, porém as informações não estão sendo carregadas.

	Segue código:

	html: a Seleção

<select name="form" class="form-control m-input" onchange="return itemSelect">
	<option value="">Selecione o tipo...</option>
	<option value="1">Opção 1</option>
	<option value="2">Opção 2</option>
</select>

	html: divs

<div class="opcao-1"> //Div esta com style:none//

Conteudo.

</div>

<div class="opcao-2"> //Div esta com style:none//

 Conteudo

</div>

	JS:

<script type="text/javascript">
 function itemSelect(elem) {
 $('.doc').hide();
 var ind = $(elem).val();
 switch (ind) {
 case '1':
 $('.opcao-1').fadeIn();
 break;
 case '2':
 $('.opcao-2').fadeIn();
 break;
 }
 }
</script>

	 

	Ao selecionar o item 1, ele exibe o conteúdo da DIV selecionada, porém se seleciono a opção 2, o conteúdo da opção 1 continua sendo exibida. Gostaria de ter a ajuda de vocês para saber o que estou fazendo de errado, sou muito ruim com JS, se puderem também me arrumar conteúdo para estudos fico grato.