Implement horizontal slide Switching Using jquery

The two widths in CSS, * width is for IE, because the width of IE includes the Border border, which is not included in other browsers, therefore, the width of IE is two pixels more than that of others.

. Main {
Width: 400px; Height: 300px; Border: 0px solid # 0f0f0f; overflow: hidden;
}
. Parent {
Height: 300px; width: 1600px; position: relative;
}
. Sub {
Width: 398px;Difference between constructor and prototype

* Width: 400px;
Height: 298px; Border: 1px solid #00 FFFF; float: left;
}

JavascriptCode:

Function slideleft (){
$ ('# Parent> Div: First'). animate ({width: '0px '}, 2000, callback );
}
Function callback (){
$ ('# Parent> Div: la'). After ($ (' # parent> Div: First '));
$ ('# Parent> Div: last'0000.css ('width', '398px ');
}
HTML code:

<Div class = "Main">
<Div id = "parent" class = "parent">
<Div id = "sub1" class = "sub" style = "Background: #00ff00;"> </div>
<Div id = "sub2" class = "sub" style = "Background: # 0000ff;"> </div>
<Div id = "sub3" class = "sub" style = "Background: #00 FFFF;"> </div>
<Div id = "sub3" class = "sub" style = "Background: # ff0000;"> </div>
</Div>
</Div> JAVA multi-level directory generation

<Input type = "button" onclick = "slideleft ();" value = "slide"> </input>