Mover div izquierda derecha con un boton + jquery

[wolflone1983]

lo he conseguido solucionar pongo codigo por si le sirve ah alguien
html:

Código HTML:

<div id="conmenu" class="cmenu">
<div id="cerrar" class="menuvisible"></div>
<div id="abrir" class="menuoculto"></div>
<div class="menu"></div>
</div>
 

css:

Código CSS:

.cmenu
{
    height: 300px;
    width: 155px;
    position: absolute;
    top: 178px;
    bottom: 40px;
    left: -124px;
}
.menuoculto
{
    height: 82px;
    width: 28px;
    background-image: url(../imagenes/Menutrasparanteoculto.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    left: 117px;
    top: 21px;
    display:block;  
}
.menuvisible
{
    height: 82px;
    width: 28px;
    background-image: url(../imagenes/Menutrasparanteoculto.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    left: 117px;
    top: 21px;
    display:none;
 
}
.menu
{
    height: 300px;
    width: 127px;
    top: 1px;
    bottom: 40px;
    background-image: url(../imagenes/Menutrasparante.png);
    background-repeat: no-repeat;
    left: 0px;
    position: absolute;
    
}
 

jquery:
$(document).ready(function ()
{


$('#abrir').click(function()
{
$(".cmenu").animate({"left": "-124px"}, "slow");
},
function()
{
$(".cmenu").animate({"left": "0px"}, "slow"),
$('#abrir').css('display','none'),
$('#cerrar').css('display','block');
},
$('#cerrar').click(function()
{
$(".cmenu").animate({"left": "-124px"}, "slow"),
$('#cerrar').css('display','none'),
$('#abrir').css('display','block');
}
)
);

});