Javascript更改css

如何创建一个脚本来检查div是否设置为display:none以外的任何其他值

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

比如说，我的内容是以一个名为“accord_content”的类的形式出现的，我显示的图像是“image_over”。我可以创建一个脚本，检查是否显示了accord_内容，如果是，是否隐藏“image_over”

只是一个快速的尝试，不擅长javascript，所以困惑于如何完成这一点

谢谢

新的更新-这是一个html的摘录，我想检查是否显示

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

<p>CONTENT</p>

<p>CONTENT>
    </div>

入围
内容

内容>

现在使用的是jquery accordion ui，因此当页面打开时，类accord_内容显示为：无

当点击h3时，它会变为显示：block

---

谢谢

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

Javascript

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

这将以以下方式工作。如果任何

.accord\u内容

可见，则上方的所有

.image\u都将隐藏

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

Javascript

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


这将获得
.accord\u content
的第一个实例，并在
上隐藏第一个
.image\u。仅当
display:none
设置为
。accord\u content
作为内联
style
属性而不是css时，此检查才会返回false

你真的应该在你的问题中发布一些相关的html。此外，还描述了这是如何工作的。如果你发布一个模糊的问题，你会得到一个模糊的答案。花时间发布一个好的问题，人们就会花时间发布一个好的答案。
注意，这忽略了CSS中设置的样式。如果样式表中的accord_content设置为display:none，则仍不会显示.image_over元素。我不清楚这是否会成为一个问题。太好了，请看我的编辑，我确信这会起作用只是现在还没有，有什么建议吗？不确定你到底想实现什么，但想知道你是否把事情复杂化了。您真的需要更改整个元素类还是只更改一个？你真的需要检查一个元素/类是否显示，因为你的代码可能是控制它是否隐藏/显示的因素？嗨，斯图尔特，谢谢你的回答，它使用jquery accordion ui，当点击h3时，它会改变元素的显示。我想覆盖一个图像，然后在单击h3时隐藏该图像。我已经尝试了z索引，这样它就可以在内容后面弹出图像，而不显示任何内容luck@DIM3NSION-在html中没有对
.image\u的引用。如果您使用的是jQueryUIAccordion，那么您可能可以使用纯css或其他东西来做您想要做的事情。你能在什么地方分享你手风琴的实例吗？
if ($('.accord_content').css('display') !== 'none') {
    $('.image_over').hide();
}

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