How to show/hide textfield according to the change in drop down using jquery? $(".form-select").change(function () { 
  if (this.value == "1") {
    $('.form-item-example').stop(true,true).show(700);
  }
  else{
    $('.form-item-example').stop(true,true).hide(700);
  }
});


This is what i have used in my js file but it is hiding the text fields when any of the drop down in the form is changed, I'm having 3 drop downs in the form.
I have done something similar using conditional fields module which is an interface for the States API or you can use States API if you are comfortable writing custom code.