javascript - 将简单代码从 JS 转换为 jQuery

Question

我是 JS 和 jQuery 的新手(落后于我所知道的时代)，但我有一个有效的 JS 函数，它非常简单，我想转换为 jQuery。我想如果我能得到这方面的帮助，它将帮助我理解 jQuery 的机制(正如我对这个 JS 的理解)。

它的作用是根据一对单选按钮是否被选中来显示或隐藏一个 div。如果选择是，我想做的(加载时)将 div 滑入，如果选择否，则滑出。我不想成为默认值(现在是默认值)。我确实为幻灯片运行了 jQueryUI。

这是JS代码:

<script type="text/javascript">
function makeChoice()
{
    if (document.form1.mobileyesno[1].checked == true)
        {
            document.getElementById('wanttexts').style.visibility = 'hidden'; 
        }
    else
        {
            document.getElementById('wanttexts').style.visibility = 'visible';          
        }
}

</script>

我知道这可能是初级的，但我需要帮助。 :-) 谢谢!

Answer 1

function makeChoice() {
    $('#wanttexts').css(
        'visibility',
        document.form1.mobileyesno[1].checked ? 'hidden' : 'visible'
    );
}

编辑更好:

function makeChoice() {
    $('#wanttexts')
        [document.form1.mobileyesno[1].checked ? 'slideDown' : 'slideUp']();
}