时间戳

首页 > 解决方案 > 单击另一个 div 时显示 div - 不工作

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 不会执行任何操作。任何的想法 ？

标签： javascripthtmlcss

解决方案

从 codepen 的控制台：

Uncaught ReferenceError: $ is not defined

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

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

推荐阅读