jquery - CSS 不会切换

Question

以下成功切换 div 地主弹出窗口。但是，它不会在切换时为 div 的楼主_pop_up 设置 css 属性。任何想法将不胜感激。我试图让弹出框的高度在切换时从 20em 变为 42em。

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

Answer 1

根据文档 slideToggleduration作为第一个参数。你正在提供一个功能

.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");
            });
        });
    });
});