CSS不切換

下面的代碼成功地切換了div的landlord_pop_up。但是，它並沒有爲切換div div的landlord_pop_up設置CSS屬性。任何想法將不勝感激。我試圖讓popupBox的高度從20em變爲42 em。CSS不切換

$(function() { 
    $('#toggle1').click(function() { 
     $('#landlord_pop_up').slideToggle(function() { 
      $(".popupBox").css({ 
       "height": "42em" 
      }); 
     }, function() { 
      $(".popupBox").css({ 
       "height": "20em" 
      }); 
     }); 
    }); 
});

來源

2012-09-07 user1654528

這樣可以在彈出框的高度：

$(function() { 
    $('#toggle1').click(function() { 
     $('#landlord_pop_up').slideToggle(function(){ 
      $(".popupBox").toggle(function() { 
       $(this).height("42em"); 
      }, function() { 
       $(this).height("20em"); 
      }); 
     }); 
    }); 
});

來源

2012-09-07 11:34:12 Ties

我想......現在好了嗎？ ;） – Vishal

是的，這是可以的，但我只是張貼這個答案作爲替代你的，因爲這個問題我不清楚......多數民衆贊成在其中最大的挫折... – Ties

@Vishal我實際上是要投票給你'原來的答案，因爲它似乎是一個正確的答案，這個問題，我的。 '在切換'是之前還是之後？或者我們真的需要用'setTimeout'來等待... – Ties

根據docs 的slideToggle需要duration作爲第一個參數。和你滑動後提供的功能

.slideToggle(duration,callback);

所以你可以做這樣的事情

$('#landlord_pop_up').slideToggle(1000, 
function() { 
$(".popupBox").css({"height":"20em"}); 
$(".popupBox").css({"height":"42em"}); 
});

來源

2012-09-07 11:18:51

所以你同時將高度變爲20em和42em？ – Vishal

回答

相關問題