Javascript 与change()函数的slideToggle()等效

Javascript 与change()函数的slideToggle()等效,javascript,jquery,Javascript,Jquery,正在为jQuery中的my.change()函数寻找与slideToggle等价的函数,.slideUp()和.slideDown()似乎不适用于jQuery 1.13 我不使用slideToggle的原因是它会在每次更改时切换 有什么建议吗 范例 因此,基本上它只是立即显示和隐藏,我希望它在显示时设置向下滑动的动画()和在隐藏时设置向上滑动的动画(),因为使用较低的jQuery版本最好的方法是同时使用CSS和jQuery。下面的工作非常好。。它并不完美,但它是一种很好的方法,可以让你做你需要

正在为jQuery中的my
.change()
函数寻找与slideToggle等价的函数,
.slideUp()
.slideDown()似乎不适用于jQuery 1.13

我不使用slideToggle的原因是它会在每次更改时切换

有什么建议吗

范例


因此,基本上它只是立即显示和隐藏,我希望它在显示时设置向下滑动的动画()和在隐藏时设置向上滑动的动画()

,因为使用较低的jQuery版本最好的方法是同时使用CSS和jQuery。下面的工作非常好。。它并不完美,但它是一种很好的方法,可以让你做你需要做的事情,你可以随意更改代码,这是一个简单的例子

//加载时调用函数
test();
//更改时调用函数
$('#test1').change(function(){test();});
功能测试(){
$('.cont').toggleClass('toggled');
}
.cont{
宽度:100px;
高度:100px;
边框:1px#CCC实心;
背景色:#EEE;
填充物:5px;
-webkit转换:高度。3s线性,填充顶部。3s线性,填充底部。3s线性,边框宽度。3s线性;
}
.切换{
溢出:隐藏;
填充顶部:0;
填充底部:0;
身高:0;
边框宽度:0;
}

  • 选择选项 对 不

  • 切换这个div
    我刚刚更新了您的JSFIDLE,使其包含jquery 1.11版,它可以正常工作

    下面是更新的链接和代码片段


    您可以使用show and hide()方法我目前正在使用这些方法,但它们不会设置幻灯片上下效果的动画,这也是我正在寻找的,除非它们传递创建该效果的参数,否则我无法找到该信息。我的意思是它的动画方式。它是否适用于其他jquery版本?并请提供相关的HTML标记/CSS。那么JSFIDLE呢?使用
    .show(“slow”)
    .hide(“slow”)
    是的,这将适用于您的jQuery版本,因为这就是我要引用的全部内容。
    function test() {
        if ($('#test1').val() === 'No') {
            //test1 list
            $('#id_45').slideDown();
        } else {
            //test2 list
            $('#id_45').slideUp();
            $('#id_45').val("");
        }        
    }