jQuery HTML sélectionner bascule/afficher/masquer

Question

Je dois masquer un libellé 'Autre' et le champ de saisie correspondant par défaut. Ensuite, lorsqu'un utilisateur sélectionne "Autre" dans une liste déroulante HTML, l'étiquette correspondante et l'entrée de texte doivent apparaître. S'ils naviguent à une option différente, alors l'étiquette et la saisie de texte sont cachés à nouveau:

HTML:

<select id="indTitle" class="inlineSpace"> 
     <option value="Please select">Please select...</option> 
     <option value="Mr">Mr</option> 
     <option value="Mrs">Mrs</option> 
     <option value="Ms">Ms</option> 
     <option value="Miss">Miss</option> 
     <option value="Dr">Dr</option> 
     <option value="Other">Other</option> 
    </select> 
    <label for="indOther" class="inlineSpace">Other</label> 
    <input type="text" class="text" name="indOther" id="indOther" maxlength="20" /> 

Answer 1

$('#indTitle').change(function() { 
    if($(this).val() == 'Other') { 
     $('label[for=indOther], #indOther').show(); 
    } else { 
     $('label[for=indOther], #indOther').hide(); 
    } 
});