Javascript 单击radiobutton时的JQuery slidedown（）slideup（）

我对Javascript非常陌生，似乎找不到我正在寻找的信息。 我试图在单击“是”单选按钮时使另一个div向下滑动，在单击“否”时使其向上滑动。但是，当我单击其中一个时，什么也没有发生。这是我当前的代码：

HTML:

学徒
对
不
你参加BCIT吗？
对
不
你需要到市政厅的地面交通工具吗？
对
不

Javascript

函数bcitDown（）{
$（“#doyouattain”）.slideDown（“slow”函数（）{
$（this.css）({
显示：“内联”；
})
})
}
函数bcitUp（）{
$（“#doyouattain”）.slideUp（“slow”函数（）{
$（this.css）({
显示：“无”；
})
})
}
函数transportationDown（）{
$（“#doyouneed”）.slideDown（“slow”函数（）{
$（this.css）({
显示：“内联”；
})
})
}
函数transportationUp（）{
$（“#doyouneed”）.slideUp（“slow”函数（）{
$（this.css）({
显示：“无”；
})
})
}

我也尝试过用单选按钮的值来做，但我不能在它们下降之前提交for。与此无关，但如果有人想知道为什么会发生这种情况，那就是“断线”。我试着在没有那个的情况下运行这个，并没有得到不同的结果。 如果我犯了一个明显的语法错误，或者这是我完全错过的一个明显的解决方案，我很抱歉。我只是觉得我什么都试过了。

---

注意：我已经包括了JQuery。

您只能将JQuery函数应用于JQuery对象。通过使用getElementById（）进行选择，可以获得DOM对象，但不会获得Jquery对象。这就是为什么在函数中使用$（this）来更改css

我建议使用：

function dropbcitdown() {
    $("#doyouattend").slideDown("slow" function() {
        $(this).css({
        display: "inline";
        })
    })
}

---

首先添加Jquery库

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

尝试以下操作后：

<script>
$(document).ready(function(){
    $('input[name=apprentice]').click(function(){
    if ($(this).val() == 'yes')
    {
       $("#yourdiv").slideDown('slow');
    }
    else
    {
       $("#yourdiv").slideUp('slow');
    }
    });

}):
</script>

$（文档）.ready（函数（）{
$（'input[name=Peedient]'）。单击（函数（）{
如果（$（this.val（）=='yes'）
{
$（“#yourdiv”）.slideDown（'slow'）；
}
其他的
{
$（“#yourdiv”）.slideUp（'slow'）；
}
});
}):

这里有很多错误。首先，您是否包括jQuery

$（）。slideDown

是一种jQuery方法；您直接从DOM节点调用它（例如：

（x.id）

应该是

$（“#doyouneed”），跳过<代码> GETELMENTYBID/<代码>。稍微偏离主题：你应该考虑并使用CAMEL CASE作为你的函数名。他们现在读的时候真的很乏味。德里克谢谢你，我不知道它存在。好吧，如果你需要的话，我在这里。
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script>
$(document).ready(function(){
    $('input[name=apprentice]').click(function(){
    if ($(this).val() == 'yes')
    {
       $("#yourdiv").slideDown('slow');
    }
    else
    {
       $("#yourdiv").slideUp('slow');
    }
    });

}):
</script>