Javascript to change css

Question

我将如何创建一个脚本来检查div是否设置为显示：none以外的任何其他值。

我在手风琴上有一个图像， 但是当我单击手风琴元素时，我想将图像隐藏在顶部.

假设我的内容是一个名为"accord_content"的类的形式，而我显示的图像是"image_over"。我可以创建一个脚本来检查是否显示accord_content，如果是，则隐藏"image_over"吗？

if ('.accord_content.display !== 'none') {
        image_over.display = 'none')
        }

只是快速尝试，不擅长javascript，所以对如何完成这个感到困惑

谢谢

新更新 - 这是我要检查的 html 的摘录，显示

<h3 class="title">Making the shortlist</h3>
        <div class="accord_content">
        <div class="content_left">
<p>CONTENT</p>
<p>CONTENT>
    </div>

现在这是使用 jquery 手风琴 ui， 所以当页面打开类时accord_content显示：none，

当单击 H3 时，它会更改为 display：block。

谢谢

Answer 1

使用 jQuery，您可以执行以下操作：

爪哇语

if ($('.accord_content').css('display') !== 'none') {
    $('.image_over').hide();
}

演示

这将按以下方式工作。如果任何.accord_content可见，则所有.image_over都将隐藏。

或者在原生 JavaScript 中，你可以这样做：

爪哇语

if (document.querySelector('.accord_content').style.display !== 'none') {
    document.querySelector('.image_over').style.display = 'none';
}

演示

这将获取.accord_content的第一个实例并隐藏第一个.image_over。仅当display: none设置为.accord_content作为内联style属性而不是使用 css 时，此检查才会返回 false。

你真的应该在你的问题中发布一些相关的html。还描述了这是如何工作的。如果你发布一个模糊的问题，你会得到一个模糊的答案。花时间发布一个好问题，人们会花时间发布一个好的答案。

Answer 2

if (element.style.display !== 'none') {}