expandir o desplegar menu al pasar a otra pagina automaticamente...

[juancenter]

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:

<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:

id="if(strstr($_SERVER['REQUEST_URI'], 'index.php')){echo 'activo';}"
 

ahora dejo el codigo que desplega... el menú..

Código Javascript:

<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...

[Lobito14]

Lo que tienes que hacer es un código en el archivo que dices, index2 que añada la clase active a Opciones1 y que quita esa clase de los demás (por si estaba antes en otro menú)

Saludos.

[juancenter]

Si, pero el problema es que no quiero ni es lo mejor ponerlo de forma manual, por que si tuviese mil paginas tendría que poner a cada una un active a cada Opciones 1, 2, 3, etc....

Debido a que no es "Opciones 1" el que tiene el link, si no mas bien su submenú... pienso que una buena forma sería reconocer el <li> que contiene al submenú... por ejemplo...

si <li>index2</li> poner en negrita el <li> que la contiene...

Código:

<ul>
<li>contenedor
     <ul>
     <li>index2</li>
     </ul>
</li>
<li>.........
</li>
</ul>

como puedo poner esto en codigo?, jeje..

disculpen... puse este codigo aqui pensando en poder hacerlo con jquery... pero cualquier idea es bienvenida...

saludos.