empezar animacion desde htm5

[chwc]

hola tengo el siguiente codigo
HTML

Código HTML:

<section id="main">
                <p>parrafo 1</p>
                <p>parrafo 2</p>
</section>
 

CSS

Código CSS:

section#main{
    width:1800px;
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
}
section#main p{
width:900px;
float:left;
display:
 
}
section#main:hover{
margin:0 0 0 -900px;
}
 

con lo cual, hace un efecto de transicion con :hover,
pero el problema es que yo quiero empezar la transicion desde js, ¿como se puede hacer?

Saludos :)