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

时间:2019-06-01 21:12:11

标签: javascript html css

我试图在单击#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不会执行任何操作。 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

在代码笔控制台中:

Uncaught ReferenceError: $ is not defined

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

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