Home/ Questions/Q 6913291
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T09:11:58+00:00

I need to make the ‘content’ div animate after the inner divs fade out.

  • 0

I need to make the ‘content’ div animate after the inner divs fade out. The fadeOut animation worked before I added the callback though. Can someone tell me what I messed up on the callback function?

<script type = 'text/javascript'>
$(document).ready(function() {
    $('#content').click(function() {
        $('#topcontent,#bottomcontent').fadeOut(400, function() {
            $('#content').css({
                position:'relative',
                background-color:'black'
            }).animate({
                height:$(window).height(),
                width:$(this).width()
            },400);
        });
    });
});
</script>
</head>
<body>
    <div id = 'wrapper'>
        <div id = 'content'>
            <div id = 'topcontent'>
            TOP<br />
            </div>
            <div id = 'bottomcontent'>
            BOTTOM
            </div>
        </div>
    </div>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your problem is in the .css() call…
    background-color:'black' should be background: 'black'

    or as is pointed out in the comment “background-color”: ‘black’

    • 0