jquery可以切换原始css(style.css)值和新值(在.animate{}中设置)吗？

Question

erm...can jquery切换原始css(style.css)值和新值(在.animation{}中设置)？

$(function() {
    $('a.maximize').click(function() {
        $($(this).attr('href')).animate({
        position: "absolute",
        top: 0,
        left: 0,
        height: '99.5%',
        width: '99.5%',
        opacity: 1,
  },1000)
});
});

这是我现在拥有的jquery代码，但是如何将a href目标切换为新值(上面的代码)

或者设置点击后更改.animate{}，再次点击后再改回之前的.animate{}。

示例:相同的按钮，但第一次单击时，将其更改为width height 100%，

但第二次点击相同的按钮时，将它们改回宽度高度50%

第三次更改为宽度、高度为100%，依此类推。

Answer 1

是的，您可以使用.toggle()做到这一点

如下所示：

$('selector').toggle(func1,func2/*,func3, so on..*/)

然后定义你的函数

function func1(){
   // do something...
}
function func2(){
   // do something...
}

切换中的函数是从第一个函数执行到最后一个函数，然后返回到开始。

或者你也可以

$('selector').toggle(function(){...},function(){...}/*,function(){...}, so on..*/)

向下滚动到演示here的底部，了解我的意思。

我还制作了一个快速演示here。