Javascript 独立运行两个jquery脚本（问题）

我在同一个页面中有两个jquery脚本。 第一个用于控制移动VIE隐藏/显示中的切换按钮 第二个是隐藏侧栏，如果用户单击侧栏中的任何导航链接

运行第二个脚本后，它会阻止第一个脚本的运行，而不会刷新页面。 有什么解决办法吗？ 下面我提到了我正在使用的查询

<script type="text/javascript">
    $(document).ready(function () {
        $('#sidebarCollapse').on('click', function () {
            $('#sidebar').toggleClass('active');
        });
    });
</script>

<script type="text/javascript">
    $('ul#homeSubmenu li a').on('click', function(){
    $('#sidebar').css({ "margin-left" : "-250px"});
    
    });
</script>

$（文档）.ready（函数（）{
$（'sidebarCollapse'）。在（'click'，函数（）{
$（“#边栏”）.toggleClass（'active'）；
});
});
$（'ul#homeSubmenu li a'）。在（'click'，function（）上{
$（'#边栏'）.css（{“左边距”：“-250px”}）；
});