0

我将如何创建一个脚本来检查 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，所以当页面打开时，类accord_content 是 display:none，

当点击 h3 时，它会变为 display:block。

谢谢

4

2 回答 2

2

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

Javascript 

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

演示

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

或者在本机 javascript 中，您可以这样做：

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。还描述了这是如何工作的。如果您发布一个模糊的问题，您将得到一个模糊的答案。花时间发布一个好的问题，人们会花时间发布一个好的答案。

于 2012-12-05T01:42:59.643 回答
0 
if (element.style.display !== 'none') {}
于 2012-12-05T00:54:20.293 回答