在.toggle上修改div样式 - jquery

时间:2011-04-08 17:05:57

标签: javascript jquery

我有一个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

1 个答案:

答案 0 :(得分:0)

如果您想在第一次点击徽标时执行某些操作,则可以执行以下操作:

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将其删除。