javascript - Javascript更改css

我将如何创建一个脚本来检查div是否设置为display：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的，因此，在打开页面时，类的display_none显示为：

当单击h3时，它将更改为display：block。

谢谢

最佳答案

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

Java脚本

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

Demo

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

或者在本机javascript中，您可以执行以下操作：

Java脚本

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

Demo

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

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