Ayuda con Toogle de jquery

[PedroHerrera]

Echenme una mano. por favor.
El caso que estoy haciendo un panel lateral pero algo no va bien con el código el panel abre, pero se queda allí. no se como hacer el Toggle para que cambie de Div. en la parte el codigo javascript ensaye algo pero no resulta. des dejo la parte del código. voy que le doy vuelta y vuelta pero ya no se que mas hacer.

css:

Código css:

#botonmenu {
position:fixed;
top: 38%;
left:0px;
height:153px;
width: 31px;
z-index: 100;
}
#open, #close {
cursor: pointer;
position: absolute;
left:0px;
height:153px;
width: 31px;    
}
#close {
background-image: url(../images/botonclose.png);
 
}
#open {
background-image: url(../images/botonopen.png);
}
 
#menuiz{
position: fixed;
height:500px;
width: 200px;
left:-200px;
background-color:#cecece;
z-index: 100;
}
 

html:

Código html:

<div id="botonmenu">
    <div id="open" class="open" ></div>
    <div id="close" style="display: none;" class="close" ></div>
</div> 
        
<div id="menuiz">
        <div id="menucomentarios_recientes">
        <ul>
        </ul>
        </div>
</div>
 

script:

Código javascript:

// abrir Panel
$("#open").click(function(){
    $("#botonmenu").animate({ left: '200px' },500);
    $("div#menuiz").animate({ left: '0px' },500);       
}); 
 
// cerrar Panel
$("#close").click(function(){
    $("#botonmenu").animate({ left: '0px' },500);
    $("div#menuiz").animate({ left: '-200px' }, 500);
});     
            
// toggle de imagen abrir -cerrar
$("#botonmenu").click(function () {
     $("#botonmenu div").toggle();
});
 

espero sus sugerencias , gracias por el interes.