Блог

У меня есть изображение с идентификатором 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");
  });
  

Возможно, было бы проще применить ваши одноразовые стили к классу, а затем удалить их с помощью .removeClass в разделе одноразовые.