jQuery selecione alterar show / ocultar evento div
Eu estou tentando criar um formulário que quando o elemento selecionado 'parcel' é selecionado, ele mostrará um div, mas quando não estiver selecionado, eu gostaria de ocultar o div. Aqui está minha marcação no momento:
Este é o meu HTML até agora ..
<div class="row">
Type
<select name="type" id="type" style="margin-left:57px; width:153px;">
<option ame="l_letter" value="l_letter">Large Letter</option>
<option name="letter" value="letter">Letter</option>
<option name="parcel" value="parcel">Parcel</option>
</select>
</div>
<div class="row" id="row_dim">
Dimensions
<input type="text" name="length" style="margin-left:12px;" class="dimension" placeholder="Length">
<input type="text" name="width" class="dimension" placeholder="Width">
<input type="text" name="height" class="dimension" placeholder="Height">
</div>
Esta é a minha jQuery até agora ..
$(function() {
$('#type').change(function(){
$('#row_dim').hide();
$("select[@name='parcel']:checked").val() == 'parcel').show();
});
});