Select Seçimine Göre Bir Input Gizle veya Göster

HTML

<select name="dil" id="dil">
        <option value="ing">İngilizce</option>
        <option value="alm">Almanca</option>
        <option value="isp">İspanyolca</option>
        <option value="fra">Fransızca</option>
        <option value="tr">Turkçe</option>
        <option value="diger">Diğer</option>

  </select>
<div id="div-diger">
        <input type="text" name="diger-dil" id="diger-dil"/>
</div>

JS

$(function(){
    $("#dil").change(function(){
        if($(this).val() == "diger"){
            $("#div-diger").show();
        }
        else{
            $("#div-diger").hide();
        }
    });
    $("#div-diger").hide();
});

JSFiddle Örneği