CSS不能切换

Question

下面的命令成功地切换了div landlord_pop_up。但是，它不会为div landlord_pop_up on切换设置css属性。任何想法都将不胜感激。我正在尝试让popupBox的高度从20em切换到42em。

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

Answer 1

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

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

Answer 2

根据docs的说法，slideToggle将duration作为第一个参数。并且您正在提供一个函数

.slideToggle(duration,callback);

所以你可以这样做

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