Question

The following successfully toggles the div landlord_pop_up. However, it doesn’t set the css property for the div landlord_pop_up on toggle. Any ideas would be much appreciated. I am try to get the popupBox height to change from 20em to 42 em on toggle.

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

Answer 1

This toggles the height of the pop up box after sliding:

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