javascript - 单击另一个div时显示div-不起作用

我正在尝试在单击#toggle_pa时显示div .PA并将其全部保存，但是它将无法正常工作。

我不知道要编辑什么。

var $content0 = $('.PA');

if (localStorage.getItem('isVisible') === 'true') {
    $content0.addClass('pa_visible');
    $content0.removeClass('pa_content');
}

$('#toggle_PA').on('click', function() {
    $content0.toggleClass('pa_visible');
    $content0.addClass('pa_content');
    localStorage.setItem('isVisible', $content0.hasClass('pa_visible'));
});

完整代码：
https://codepen.io/mSyx/pen/yWGxNZ

在这里，单击#toggle_PA不会执行任何操作。
任何想法 ？

最佳答案

从Codepen的控制台中：

Uncaught ReferenceError: $ is not defined

将此代码添加到html的顶部使笔工作并按预期进行：

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>