在自定义 url 上隐藏 div 元素

Question

我正在寻找基于我的不同习惯 link 使用 php 代码 隐藏 div 元素的解决方案。这样我想隐藏的 div 就不会出现在 html 源码中。

我在一个页面中有两个不同的 "div"。为了使页面显示 div A 并隐藏 div B，我创建了“example.com/account/?Member=login”（用于显示 div A 而 div b 未显示）和“example.com/account/?Member=Signup”（用于显示div B 而div A 未出现）。但是，我现在使用的代码如下所述。

我的代码 css:

.login {display:none;}
.signup {display:none;}

PHP 在 html 文件上：

    <?
    $s=$_GET['Member'];
    if ($s=="Login") {
       echo ('<style>.login {display:block;}</style>');
       }
    ?>
    <?
    $s=$_GET['Member'];
    if ($s=="Signup") {
       echo ('<style>.signup {display:block;}</style>');
       }
    ?>

<div class="login">
<p>Login Form</p>
</div><!--login-->

<div class="signup">
<p>Signup Form</p>
</div><!--signup-->

使用此方法，两个 div 都显示在 html 源中，即使其中一个 div 未显示在网页中。

我希望 div 隐藏而不显示在 html 代码中。有什么解决办法吗？

Answer 1

为什么不只根据您的条件匹配呈现登录。即

<? $s=$_GET['Member'];
if ($s!="Login") { ?>

   <div class="login">
    <p>Login Form</p>
    </div><!--login-->

  <?php } else {?>

    <div class="signup">
    <p>Signup Form</p>
    </div><!--signup-->

<? } ?>

上面假设你想显示两种可能性之一，你需要把它改成

  <? $s=$_GET['Member'];
    if ($s=="Login") { ?>

        <div class="login">
        <p>Login Form</p>
        </div><!--login-->

  <? } 

    $s=$_GET['Member'];
    if ($s=="Signup") { ?>

        <div class="signup">
        <p>Signup Form</p>
        </div><!--signup-->

  <? } ?>

如果有可能显示 none 个

Answer 2

清除你 css 和：

    <?
        $s=$_GET['Member'];
        if ($s=="Login") {
    ?>
<div class="login">
<p>Login Form</p>
</div><!--login-->
    <?
        }
        $s=$_GET['Member'];
        if ($s=="Signup") {
    ?>
<div class="signup">
<p>Signup Form</p>
</div><!--signup-->
    <?
       }
    ?>

在自定义 url 上隐藏 div 元素

Hide div element on custom url

html

show-hide