Скользящая боковая панель

Question

Я пытаюсь сделать слайд боковой панели справа налево на главной странице моего сайта. Меню гамбургера работает должным образом и правильно открывает боковую панель, однако, когда я нажимаю X (закрыть боковую панель), у меня остается длинный узкий столбец боковой панели, и боковая панель все еще отображается вместо того, чтобы быть скрытой. Я немного сбит с толку, потому что у меня ширина боковой панели (контейнера) установлена ​​в 0 после нажатия кнопки X. Я прочитал несколько ответов, но все еще застрял. любая помощь приветствуется.

вот jquery, который я использовал.

$(document).ready(function(){ 
    $("#btn1").click(function(){ 
        $("#box").animate({width: "350px"}); 
    }); 
    $("#btn2").click(function(){ 
        $("#box").animate({width:0}); 
    }); 
});