como hacer slide a la derecha o izquierda

[rikimm]

es que tengo un diseño de un boton que a la hora que le dan click un div hace un slide hacia abajo para mostrar el contenido pero tambien quiero hacer que ese boton se alarge haciendo el efecto de un slidedown pero en ves de que sea slideDown quisiera que fuera slideRight

Código HTML:

<div id="bot" ><a href="#" id="pen"><span id="text2">Pensión</span></a></div>
        <article id="pencion">
            <article id="cont">
                  <h2>Pensión</h2>
                              <article id="text">
                                      
                                  contenido.....
 
 
 
                 </article>
            </article>
        </article>