CSS不切换

Question

以下成功切换div landlord_pop_up。但是，它不会在切换时为div landlord_pop_up设置css属性。任何想法将不胜感激。我试图让popupBox高度在切换时从20em变为42 em。

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

Answer 1

根据docs slideToggle将duration作为第一个参数。并且您正在提供功能

.slideToggle(duration,callback);

所以你可以做这样的事情

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

Answer 2

滑动后切换弹出框的高度：

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