Javascript jQuery侧菜单切换单击更改Gypicon

我有jQuery侧菜单切换

$（“#打开”）。单击（函数（）{
$（this）.find（'i'）.toggleClass（'glyphicon-align-justify'）.toggleClass（'glyphicon-remove'）；
$（'.sidebar'）.toggleClass（'active'）；
})
$（文档）。单击（函数（e）{
var边栏=$（“.sidebar，#open”）；
如果（！sidebar.is（e.target）&&sidebar.has（e.target）.length==0）{
$（'#open'）。查找（'i'）。切换类（'glyphicon-align-justify'）。切换类（'glyphicon-remove'）；
侧栏.removeClass（'active'）；
}
});



边栏内容
替换脚本

$('#open').click(function()
    {
        $(this).find('i').toggleClass('glyphicon-align-justify').toggleClass('glyphicon-remove');
        $('.sidebar').toggleClass('active');
    })

    $(document).click(function(e)
    {
  if($(".sidebar.active").length > 0){


        var sidebar = $(".sidebar, #open");

        if(!sidebar.is(e.target) && sidebar.has(e.target).length === 0)
        {
            $('#open').find('i').toggleClass('glyphicon-align-justify').toggleClass('glyphicon-remove');
            sidebar.removeClass('active');
        }
     }

    });

替换脚本

$('#open').click(function()
    {
        $(this).find('i').toggleClass('glyphicon-align-justify').toggleClass('glyphicon-remove');
        $('.sidebar').toggleClass('active');
    })

    $(document).click(function(e)
    {
  if($(".sidebar.active").length > 0){


        var sidebar = $(".sidebar, #open");

        if(!sidebar.is(e.target) && sidebar.has(e.target).length === 0)
        {
            $('#open').find('i').toggleClass('glyphicon-align-justify').toggleClass('glyphicon-remove');
            sidebar.removeClass('active');
        }
     }

    });

请使用代码段添加视觉显示。您面临什么问题？这是小提琴：尝试单击外部，您可以看到glyphicon remove将显示甚至边栏未打开。请使用代码段添加视觉显示。您面临什么问题？这是小提琴：尝试单击外部，您可以看到glyphicon remove甚至会显示边栏未打开谢谢。工作很好，谢谢。完美工作（y）