Jquery 我想使用.attr设置CSS更改的动画来更改链接

我有这段脚本来更改CC，但是更改是即时的，我想给它设置动画（使其平滑），你知道如何实现吗

脚本：

$(document).ready( function(){
    var css = 'x';
    $('#button').button();
    $('#button').click( function() {
        if (css == 'x') {
            $('#button').button('option', 'label', 'change to css x');
            $('link[href="css/x.css"]').attr('href', 'css/y.css');
            css= 'y';
        }
        else if (css== 'y') {
            $('#button').button('option', 'label', 'change to css y');
            $('link[href="css/y.css"]').attr('href', 'css/x.css');
            css= 'x';           
        }
    });
});

---

这可能被认为是不好的做法，但您可以尝试临时添加：

* {
    transition: all ease-in-out 1s;
}

然后，执行CSS更改，然后删除此规则

我没有测试它，它可能根本不起作用。只是个主意