指定操作后更改元素的可见性

Question

我将制作具有以下功能的表单：当您加载网页时，您只会看到一个元素：

1. 选择性别：
   • 雄性
   • 女

当你选择例如“男性”（单选按钮）时，突然，但有一些平滑的效果，下一个元素将出现在下面： 2.输入你的分数： TEXTBOX HERE 当您输入分数时，至少（1个数字符号），最后一个元素，提交按钮将出现在元素编号2下面。

我怎样才能做到这一点？也许您知道任何已经完成的解决方案提前谢谢！

Answer 1

除了男性之外，您只能制作表单中所有元素的visiblity hidden(display:none) 女性单选按钮，然后做这样的事情： -

$("#radio").click(function(){
  $("#txt").show();
});

$("#txt").blur(function(){
  if($.trim($(this).val())!="")
  {
    $("#btn").show();
  }
});