rendre visible div sur dropdown sélectionner dans jquery

Question

Je développe l'application asp.net mvc. mon exigence de l'une des formes est que: Il a une liste déroulante remplissant avec disons A, B, C valeurs. Si sélectionné A puis sur l'interface utilisateur, il devrait y avoir 2 zones de texte qui devraient être visibles et les autres devraient être invisibles, si B est sélectionné, alors il faut ajouter 2 autres zones de texte, de cette façon il devrait y avoir 4 zones de texte. même pour sélection de C. Je en mesure d'obtenir la valeur sélectionnée par

$(document).ready(function() { 

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

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

Ce que je dois faire. J'ai essayé hide() show(), mais je pense que ça ne marche pas pour moi.

Answer 1

utilisation .css("display", "none"); pour se cacher,
et .css("display", "block"); pour montrer