jQuery select change show / hide div event

Ich versuche ein Formular zu erstellen, in dem bei Auswahl des Elements 'Parzelle' ein Div angezeigt wird. Wenn es jedoch nicht ausgewählt ist, möchte ich das Div ausblenden. Hier ist mein Markup im Moment:

Das ist mein HTML soweit ..

    <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> 

Das ist meine jQuery bisher ..

  $(function() {
    $('#type').change(function(){
        $('#row_dim').hide(); 
        $("select[@name='parcel']:checked").val() == 'parcel').show();   
    });
});

Antworten auf die Frage(9)

Ihre Antwort auf die Frage