сделать видимым div на выпадающем списке выберите в jquery

Question

Я разрабатываю приложение asp.net mvc. моим одним из требований формы является то, что: Он имеет выпадающее меню заполнение с let say A, B, C значения. Если выбран A, тогда в пользовательском интерфейсе должно быть 2 текстовых поля, которые должны быть видимыми, а другие должны быть невидимыми, если выбрано B, то необходимо добавить еще 2 текстовых поля, таким образом, должно быть 4 текстовых поля. то же самое для выбора С. я смог получить выбранное значение

$(document).ready(function() { 

    $('#NatureOfTransactionDropDown').change(function() { 

     var element = $(this).find('option').filter(':selected').text(); 
     alert(element); 
     if (element == "A") { 
      //code 
      } 
    }); 
}); 

Что я должен делать. Я попробовал hide() show(), но я думаю, что это не работает для меня.

Answer 1

использование .css("display", "none"); для сокрытия,
и .css("display", "block"); для показа