在特定DIV中显示时隐藏DIV

Question

我试图隐藏DIV，但只有当它显示在另一个div中时。我有一个联系表格，我在两个地方，侧边栏和联系页面上显示。这是我使用PHP include显示的表单。

<div class="contact_details_div">
    <h3>Some Text</h3>
    Some additional text
</div>
<div class="contact_div">
    <form id="contact_form" action="" method="post" target="_self">
        MY FORM IS HERE    
    </form>
</div>

在我的侧边栏中，表单显示如下：

echo "<div class=\"contact_form_sidebar\">";
include("inc/contact_form.inc.php");
echo "</div>";

而且，我的联系页面显示如下：

echo "<div class=\"contact_form_full\">";
include("inc/contact_form.inc.php");
echo "</div>";

当侧栏显示时，我试图隐藏类'contact_details_div，但我似乎无法完成它。这是我的CSS：

/*CONTACT FORMS*/
/*FULL FORM*/
    .contact_form_full {
        position: relative;
    }
/*SIDEBAR FORM*/
    .contact_form_sidebar {
        position: relative;
    ]
    .contact_form_sidebar .contact_details_div {
        display: none !important;
    }

有没有人看到问题？我不能，但我一直盯着它看太久，可能会遗漏一些简单的东西。

谢谢！干草堆

Answer 1

你在css的第9行有方括号而不是卷曲。