Jquery 切换动画不工作

大家好，我有这个脚本，我想当我点击

#选择
时，标签高度应该是200px，当我点击下一次返回20px时

$('#select').click(function(){
        $('#select').toggle(
            function(){
                $('#select').animate({height:"200px"},200);
            },
             function(){
                $('#select').animate({height:"20px"},200);
            }
        );
    });

toggle（）
方法在
click（）
函数中不是这样工作的。考虑简化脚本并使用CSS转换：


#选择{
背景：#eee；
高度：50px；
}
#选择高度20{
高度：20px；
过渡：高度0.2s；
}
#选择高度200{
高度：200px；
过渡：高度0.2s；
}
$（'#选择'）。单击（函数（）{
$（this.toggleClass（'height20 height200'））
});
选择div
您使用的是哪个版本的jQuery<代码>切换
事件方法在最新版本的jQuery中不存在。
#select {
    background: #eee;
    height: 50px;
}
#select.height20 {
    height: 20px;
    transition: height 0.2s;
}
#select.height200 {
    height: 200px;
    transition: height 0.2s;
}

$('#select').click(function () {
    $(this).toggleClass('height20 height200')
});

<div id="select" class="height20">Select div</div>