访问全局范围的局部变量

Question

我有以下代码，它告诉我们按下提交按钮时，隐藏filterlist并在localstorage中添加一个变量，参考closeded filterlist并最后提交表单。如果浏览器窗口大小小于768px（移动大小）

，则会发生所有这些逻辑

if ($(window).width() < 768) {
    var $target, $form, $filterList;
    $(".f-f .f-ft [type='submit']").on("click", function(event) {
        event.preventDefault();
        $target = $(event.currentTarget);
        $form = $($target.parents("form")[0]);
        $filterList = $form.find(".f-inp");

        $filterList.hide();
        localStorage.setItem("FilterList", "closed");
        $form.submit();
    });
    localStorage.getItem("FilterList") === "closed" ? $filterList.hide() : $filterList.show();
} else {
    $(".filter").on("click", function(event) {
        var $target = $(event.currentTarget),
            $form = $($target.parents("form")[0]);

        $form.submit();
    });
}

我的问题是如何使用外部（点击）方法的新值访问变量$ filterList？ 有没有其他方法可以使用localstorage？