在.toggle上修改div样式 - jquery

Question

我有一个图像编号为mainimage。它的造型通过设置max-width:100%和max-height:100%来限制宽度和高度。但我想在我的脚本的第一个实例上删除它

$(document).ready(function() { 
var hjkl = $("#mainimage").height(); 
var hjklw = $("#mainimage").width(); 
$('#logo').toggle(
function() { 
    $('#mainimage').animate({"width": 1600, "height": 1200}, "fast"); 
}, function() { 
    $('#mainimage').animate({"width": hjklw, "height": hjkl}, "fast"); 
}) 
}); 

我该怎么做？

在此先感谢... :)

blasteralfred

Answer 1

如果你想要做的事第一次被点击的标志，你可以这样做：

var hjkl = $("#mainimage").height(); 
var hjklw = $("#mainimage").width(); 
$('#logo') 
    .one('click', function(){ 
    /* your one-time stuff */ 
    $("#mainimage").css({ 'max-height':'','max-width':''}); 
    }) 
    .toggle(
    function() { 
     $('#mainimage').animate({"width": 1600, "height": 1200}, "fast"); 
    }, function() { 
     $('#mainimage').animate({"width": hjklw, "height": hjkl}, "fast"); 
    }); 

可能更容易将一次性样式应用于课程，然后在一次性部分中使用.removeClass将其删除。