javascript - 使用 jquery toggle 获取可折叠面板的问题

Question

我遇到了 jquery 切换功能的问题。

下面我附上了演示链接...

jsfiddle link

jquery代码-

$(document).ready(function(){
    $('.collapsBTN').toggle(
        function () {
                $(".rhs_container").css({'display':'none'});
                $('.rhs').animate({width: "20"});
            },
        function () {
                $(".rhs_container").css({'display':'block'});
                $('.rhs').animate({width: "295"});
            }
    );
});

问题 -如果我们点击折叠按钮(如上面给定链接所示的粉红色)，切换功能工作正常但按钮在动画宽度时消失。它应该在动画中可见。

谁能解决这个问题？

Answer 1

问题是，当 jQuery 在宽度上设置动画时，它会生成 overflow:hidden 样式。不过，这一个有效: jsfiddle