在特定DIV中显示时隐藏DIV

时间:2018-09-10 20:52:38

标签: php css

我试图隐藏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;
    }

有人看到问题吗?我不能,但是我盯着它太久了,可能会错过一些简单的东西。

谢谢! 里克

1 个答案:

答案 0 :(得分:0)

在CSS的第9行上,您使用方括号而不是大括号。