:animated

by prabhu5013

HTML

<div id="A1">
</div>
<br>
<div id="A2">
</div><br>
<div id="A3">
</div><br>
<div id="A4">
</div><br>
<div id="A5">
</div>

CSS

#A1
{
    width:100px;
    height:100px;
    background-color:red
}
#A2
{
    width:100px;
    height:100px;
    background-color:green
}
#A3
{
    width:100px;
    height:100px;
    background-color:orange
}#A4
{
    width:100px;
    height:100px;
    background-color:pink
}#A5
{
    width:100px;
    height:100px;
    background-color:black
}

JavaScript

ddd();
function ddd()
{  
    $('#A1,#A3').fadeToggle('5000',ddd);
sss();   
}
          
function sss()
{
    $('div').css('width','50px')
    .filter(':animated').css('height','50px');

}