Javascript 选中单选按钮时显示/隐藏元素，并动态添加元素

我对javascript和jquery有一些问题。这是我的代码在浏览器中的外观

• 如果选择“新问题”，我想显示
  正在显示和
  隐藏。然后，如果选择“现有问题”，它将显示
  并隐藏

• 如果单击“添加问题”，我想复制

• 如果单击“+回答”，我想复制

这是我的HTML

<div id="questions">
        <h2>Questions</h2>
        <hr>
        <div class="question">
            <div class="radio">
                <label><input type="radio" name="quest" value="new"> New Question
                </label> &nbsp;
                <label><input type="radio" name="quest" value="existing"> Existing Question
                </label></div>
            <div class="new">
                <div class="form-group">
                    <label for="descripton">Description</label>
                    <input class="form-control" type="text" name="question[description][]"
                           placeholder="Enter question description">
                </div>
                <div id="answers">
                    <button class="btn btn-flat" id="addanswer"><i class="fa fa-plus-circle"></i>
                        Answer
                    </button>
                    <div class="answer form-group">
                        <label for="answer">Answer</label>
                        <input type="text" class="form-control" name="question[answer][]">
                    </div>
                </div>
            </div>
            <div class="existing">
                <select name="question">
                    <option value="A">AAA</option>
                    <option value="B">BBB</option>
                    <option value="C">CCC</option>
                    <option value="D">DDD</option>
                    <option value="E">EEE</option>
                </select>
            </div>
        </div>
    </div>

问题

新问题
存在的问题
描述
答复
答复
AAA
BBB
CCC
DDD
EEE

有人知道我的javascript/jquery代码是如何运行的吗？谢谢

代码如下：

$（'input[type=“radio”]）。单击（函数（）{
var值=$（this.val（）；
如果（值=='new'）{
$（'.existing'）.hide（）；
$（'.new'）.show（）；
}
否则{
$（'.existing'）.show（）；
$（'.new'）.hide（）；
}
});
$（'.addanswer'）。单击（函数（）{
var answerClone=$（this）.parent（'.answers'）.find（'.answer'）.eq（0.clone（）；
$（this）.parents（'.answers'）.append（answerClone）；
});
正文{
利润率：10px；
}

问题

新问题
存在的问题
描述
答复
答复
AAA
BBB
CCC
DDD
EEE
使用下面的jquery代码

        $( "#new" ).change(function() {
          var val = $("#new").val();
          if (val == 'new') {
            $(".existing").css('display','none');
            $(".new").css('display','block');
          }
        });
        $( "#existing" ).change(function() {
          var val = $("#existing").val();
          if (val == 'existing') {
            $(".new").css('display','none');
            $(".existing").css('display','block');
          }
        });
        $('#addanswer').click(function(){
            var answerClone=$('.answer').eq(0).clone().appendTo('#answers');
        });

我已经试过了，但对自己的代码感到困惑，所以我决定不把它带到这里@拉胡尔