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

Question

呃...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{}。

示例:相同的按钮，但第一次点击时，将其更改为宽度高度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 .