Estimados, en el siguiente ejemplo ¿como podría hacer para que si estoy en "index1" y al pinchar sobre "index2" en el menú, cuando se cargue la página "index2" el menú aparezca con "Opciones 1" desplegado o expandido ya que estoy en la página que se encuentra como submenú en esta opción de menú??
¿Se entiende? creo que si.. bueno este es el código del menu y submenú..
Código PHP:
Ver original<ul class="menu">
<li><a href="">Opciones 1</a>
<ul>
<li><a href="index1.php">index1</a></li>
<li><a href="index2.php">Index2</a></li>
<li><a href="index3.php">index3</a></li>
</ul>
</li>
<li>Opciones 2</a>
<ul>
<li><a href="index4.php">index4</a></li>
<li><a href="index5.php">index5</a></li>
<li><a href="index6.php">index6</a></li>
</ul>
</li>
</ul>
Otra cosa que agregar es que actualmente para marcar en el menú donde me encuentro, he puesto algo como esto.... un id marcaddo como activo.. si es que lo está.
Código PHP:
Ver originalid="if(strstr($_SERVER['REQUEST_URI'], 'index.php')){echo 'activo';}"
ahora dejo el codigo que desplega... el menú..
Código Javascript
:
Ver original<script type="text/javascript">
$(function() {
var menu_ul = $('.menu > li > ul'),
menu_a = $('.menu > li > a');
menu_ul.hide();
menu_a.click(function(e) {
e.preventDefault();
if(!$(this).hasClass('active')) {
menu_a.removeClass('active');
menu_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true,true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true,true).slideUp('normal');
}
});
});
</script>
Espero me puedan ayudar y que se haya entendido, dessde ya muchísimas gracias...