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

回答

相关问题