javascript - 在 javascript/jquery 中选择是或否单选时如何滑动切换 div

Question

我一直无法找到有用的东西或做我正在寻找的东西。我正在尝试根据选择的是或否单选按钮来切换隐藏/显示 div。我有以下 html

    <input type="radio" id="yes" name="radio" value="1" /> Yes
    <input type="radio" id="no" name="radio" value="2" /> No
    <div id="more_questions">Data</div>

在表单标签中这段代码之前和之后还有很多内容，但这是重点。Javascript/jQuery 是

$("#yes").click(function(){
    if($("#yes").is(':checked')){
        $("#more_questions").slideToggle();
    }
});

我还尝试检查 #yes.checked == true 是否无效。我不确定我错过了什么，但如果有人能提供帮助，我将不胜感激！提前致谢！

Answer 1

$("input[name=radio]").on('change', function(){
    $("#more_questions")[this.id=='yes'?'slideDown':'slideUp']();
});

小提琴

Answer 2

尝试：

$("input[name=radio]").click(function () {
    if ($("input[name=radio]:checked").val() == '1') {
        $("#more_questions").slideDown();
    } else {
        $("#more_questions").slideUp();
    }
});

jsFiddle 示例