Buenas!
Tengo un problema con un menú que estoy realizando en php y que estoy incorporando a la web con el código include. Tengo 4 secciones y una de ellas con un submenú ¿Cómo puedo hacer para que el submenú sólo aparezca desplegado o visible en su sección y oculto en las demás? Esta es la imagen del menú:
Me gustaría que aparezca cuando estás dentro de la sección de diseño pero no cuando estoy en Blog o en cualquier otra sección. No controlo mucho de javascript, y supongo que habrá alguna forma de realizarlo pero no consigo dar con la solución.
Este el código del menú
Código PHP:
<header>
<h1 id="logo"><a href="index.php">Huntington</a></h1>
<a href="index.php">
<div class="tagline">Portfolio</div>
</a>
<nav id="main-nav">
<ul class="option-set clearfix" data-option-key="filter">
<li <?php if ($entrada_activa == 1 ) echo 'class="sub-nav-toggle active"'; ?>><a href="index.php">Diseños</a>
<ul id="options" class="sub-nav">
<li class="selected"> <a href="#home">Todos (15)</a> </li>
<li> <a href="#grafico">Diseño Gráfico (5)</a> </li>
<li> <a href="#web">Diseño Web (3)</a> </li>
<li> <a href="#webdesign">Ilustración (7)</a> </li>
</ul>
</li>
<li <?php if ($entrada_activa == 2 ) echo 'class="active"'; ?>><a href="sobremi.php">Sobre Mi</a></li>
<li <?php if ($entrada_activa == 3 ) echo 'class="active"'; ?>><a href="blog.php">Blog</a></li>
<li <?php if ($entrada_activa == 4 ) echo 'class="active"'; ?>><a href="contacto.php">Contacto</a></li>
</nav>
<!-- end main nav -->
<div id="bottom-header">
<div class="social-links">
<ul class="social-list clearfix">
<li> <a href="#" class="pinterest"></a> </li>
<li> <a href="#" class="twitter"></a> </li>
<li> <a href="#" class="gplus"></a> </li>
<li> <a href="#" class="facebook"></a> </li>
</ul>
</div>
<p class="small">Portfolio<br />
[email protected]<br />
(845) 123-4567</p>
</div>
</header> Después en cada sección lo incluyo así
Código HTML:
<!-- Comienzo Menu Includes -->
<?php
$entrada_activa = 1;
include("menu.php"); ?>
<!-- Final Menu Includes --> Muchas gracias!