jquery - CSS が切り替わらない

Question

以下は、div landlord_pop_up を正常に切り替えます。ただし、div landlord_pop_up on toggle の 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

ドキュメントによると、 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");
            });
        });
    });
});