php - 从不同的页面文件中显示和隐藏 DIV 类

Question

我有两个不同的 PHP 文件:

1. index.php
2. show.php

-

index.php

<ul>
<li><a href="show.php?id=1">Show Div 1</a></li>
<li><a href="show.php?id=2">Show Div 2</a></li>
<li><a href="show.php?id=3">Show Div 3</a></li>
</ul>

-

show.php

<style type="text/css">
.div1 {display:none;}
.div2 {display:none;}
.div3 {display:none;}
</style>

<div class="div1">Div 1 Content</div>
<div class="div2">Div 2 Content</div>
<div class="div3">Div 3 Content</div>

-

当你阅读 show.php 中的 css 样式时, 没有内容将被显示。

如果用户点击<li>中的哪一个来自 index.php , 用户只能看到 .div在 show.php哪个<li>从 index.php 中点击.

我假设这种方法会产生更少的文件。 (正是我想知道的)

因为要显示的所有内容都在一个文件中 ( show.php )。

那么，如何使每个<li>来自 index.php只会显示 show.php 中每个 div 的内容.

Answer 1

你想要这个在 show.php 中

<?php $id = isset($_GET['id']) ? $_GET['id'] : 0; ?>
<style type="text/css">
.div1, .div2, .div3 {display: none}
<?php if($id == 1) {
    echo '.div1 {display: block; }';
} elseif($id == 2) {
    echo '.div2 {display: block; }';
} elseif($id == 3) {
    echo '.div3 {display: block; }';
}
</style>

<div class="div1">Div 1 Content</div>
<div class="div2">Div 2 Content</div>
<div class="div3">Div 3 Content</div>