在.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將其刪除。