Php 使用Bootsrap下拉菜单显示所选ID

我创建了一个下拉菜单，希望在php文件中显示某些内容。不幸的是，当我单击子项时，所有元素都会显示出来，尽管我只想显示一个元素（在我的例子中是在id为的div上）。如果有人告诉我如何才能实现只显示所选id，我将不胜感激

我的下拉菜单：

        <li class="parent ">
        <a href="#">
            <span data-toggle="collapse" href="#sub-item-1"><svg class="glyph stroked chevron-down"><use xlink:href="#stroked-chevron-down"></use></svg></span> Dropdown 
        </a>
        <ul class="children collapse"  id="sub-item-1">
            <li>
                <a class=""  href="foo.php" data-toggle="collapse" data-target="dropdown_show1" >
                    <svg class="glyph stroked chevron-right"><use xlink:href="#stroked-chevron-right"></use></svg> Sub Item 1
                </a>
            </li>
            <li>
                <a class=""  href="foo.php" data-toggle="collapse" data-target="dropdown_show2">
                    <svg class="glyph stroked chevron-right"><use xlink:href="#stroked-chevron-right"></use></svg> Sub Item 2
                </a>
         </li>
            <li>
                <a class="" href="#">
                    <svg class="glyph stroked chevron-right"><use xlink:href="#stroked-chevron-right"></use></svg> Sub Item 3
                </a>
            </li>
        </ul>
    </li>

My foo.php

 <div class="collapse" id="dropdown_show1">  
            <p> test1</p>
            </div>

  <div class="collapse" id="dropdown_show2>  
            <p> test1</p>
            </div>

测试1

我什么都不懂，但。。首先，您的
foo.php
中有一个输入错误，它应该是
collapse
，而不是
collepase
。。。其次，你为什么要使用PHP？提供更多细节。PHP也可以是html，问题也是一样的。当我点击
子项1
时，
子项2
也会出现，尽管我提到了另一个div（
id=“dropdown\u show2”
），所以
d=“dropdown\u show1”
和
“dropdown\u show2”
的内容也会出现。自从我上次发表评论以来，只出现了一个元素，但只是一小会儿。下拉列表更改回正常位置（当子项隐藏时）。