Показ одного из div в зависимости от выбора в select

by Alexander Lashchevsky

HTML

<select class="js--select" style="margin:0 0 20px 0;">
	<option value="qwe">Элемент qwe</option>
	<option value="asd">Элемент asd</option>
	<option value="zxc">Элемент zxc</option>
</select>
<div class="block block-qwe">qwe</div>
<div class="block block-asd t--hide">asd</div>
<div class="block block-zxc t--hide">zxc</div>

CSS

.t--hide {display: none;}

JavaScript

$('.js--select').on('change', function() {
	
    $('.block').addClass('t--hide');
	$('.block-' + $(this).val() ).removeClass('t--hide');
});