所以我一直有一些PHP字符串的问题,我似乎无法弄清楚。我们的目标是让"父"链接保持活动状态,同时允许下拉函数继续运行。
<li class="<?php echo($activePage == "releases" ? "active" : "")?>" class="dropdown">
<a href="releases.php" class="dropdown-toggle">Press <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="<?php echo($activePage == "releases" ? "active" : "") ?>"><a href="releases.php">Releases</a></li>
<li class="<?php echo($activePage == "clips" ? "active" : "") ?>"><a href="clips.php">Press Clips</a></li>
<li class="<?php echo($activePage == "assets" ? "active" : "") ?>"><a href="assets.php">Press Assets</a></li>
</ul>
</li>
所以这里的目标是让PRESS链接在三个中的任何一个释放、剪辑或资产时显示活动状态。你会注意到在第一个列表中,我现在有两个类。PHP echo类当infront确实显示PRESS链接的活动状态,但不允许任何下拉,从而渲染其他三个链接不可见,当我把其他类在前面,下拉工作,但然后PRESS链接不显示活动状态。
谁能帮我解决这个问题?非常感谢!
这是我为一个站点使用的设置,当我沿着树走时,使活动父元素保持高亮显示:
#navigation ul.nav > li:hover ul a:hover,
#navigation ul.nav > li:hover, #navigation ul.nav > li:hover ul li:hover {
background: #3e4b51 none repeat scroll 0 0 !important;
text-decoration: none;
}
菜单设置如下:
<nav id="navigation" class="col-full" role="navigation">
<ul class="nav">
<li>
<a href="https://example.com/">HOME</a>
</li>
<li>
<a href="https://example.com/level-1/">Level 1</a>
<ul class="sub-menu">
<li>
<a href="https://example.com/level-2/">Level 2</a>
<ul>
<li>
<a href="https://example.com/level-3">Level 3</a>
<ul>
<li>
<a href="https://example.com/level-4-1">Level 4 Item 1</a>
</li>
<li>
<a href="https://example.com/level-4-2">Level 4 Item 2</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>