Javascript 在.toggle-jquery上修改div样式

我有一个id为

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

如果您想在第一次单击徽标时执行某些操作，可以执行以下操作：

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");
  });

---

在类中应用一次性样式，然后使用一次性部分中的

删除它们可能会更容易。
如何删除最大宽度和最大高度？？