Ayuda con menu y jquery

[juandedios]

Saludos,

Tengo un menu horizontal hecho con CSS, la cosa es que quería que al dar click a un elemento del menu este cambie su aspecto, ok, eso lo logre, por ejemplo: en la barra de menu, hay el menú NOSOTROS, al darle click quiero que cambie el color de fondo del elemento y que vaya a la pagina nosotros.php, el aspecto del elemento cambia, pero cuando va a la pagina nosotros.php el elemento vuelve a como estaba.

Alguna idea de como puedo hacerlo?

Lo que hice esta aqui

aqui el css de esa parte:

Código PHP:

  #menu {
    width: 950px;
    height: 40px;
    background: url(../imgs/menu.png) no-repeat;
    padding: 9px;
    color: #FFFFFF;
}
 
#menu li {
    display: inline;
    color: #FFFFFF;
    font-family: "Trebuchet MS";
    font-size: 15px;
    font-weight: bold;
    padding: 25px;
}
 
#menu li:hover {
    background-color: #CC6600;
    cursor: pointer;
} 
   

Aqui el HTML:

Código PHP:

  <div id="menu">
    <li id="mnunosotros">NOSOTROS</li>
    |
    <li id="mnuservicios">SERVICIOS</li>
    |
    <li id="mnuclientes">CLIENTES</li>
    |
    <li id="mnusoporte">SOPORTE</li>
    |
    <li id="mnucontactenos">CONTACTENOS</li>
    <span class="menusolo"><a href="">INICIE SESION</a></span>
</div> 
   

Y aqui como hice que cambie el aspecto:

Código PHP:

  $(document).ready(function() {
    
    $("#mnunosotros").click(function() {
        $(this).addClass("menuseleccionado");
        $("#mnuservicios").removeClass("menuseleccionado");
        $("#mnuclientes").removeClass("menuseleccionado");
        $("#mnusoporte").removeClass("menuseleccionado");
        $("#mnucontactenos").removeClass("menuseleccionado");
    });
    
    $("#mnuservicios").click(function() {
        $(this).addClass("menuseleccionado");
        $("#mnunosotros").removeClass("menuseleccionado");
        $("#mnuclientes").removeClass("menuseleccionado");
        $("#mnusoporte").removeClass("menuseleccionado");
        $("#mnucontactenos").removeClass("menuseleccionado");
    });
    
    $("#mnuclientes").click(function() {
        $(this).addClass("menuseleccionado");
        $("#mnuservicios").removeClass("menuseleccionado");
        $("#mnunosotros").removeClass("menuseleccionado");
        $("#mnusoporte").removeClass("menuseleccionado");
        $("#mnucontactenos").removeClass("menuseleccionado");
    });
    
    $("#mnusoporte").click(function() {
        $(this).addClass("menuseleccionado");
        $("#mnuservicios").removeClass("menuseleccionado");
        $("#mnuclientes").removeClass("menuseleccionado");
        $("#mnunosotros").removeClass("menuseleccionado");
        $("#mnucontactenos").removeClass("menuseleccionado");
    });
    
    $("#mnucontactenos").click(function() {
        $(this).addClass("menuseleccionado");
        $("#mnuservicios").removeClass("menuseleccionado");
        $("#mnuclientes").removeClass("menuseleccionado");
        $("#mnusoporte").removeClass("menuseleccionado");
        $("#mnunosotros").removeClass("menuseleccionado");
    });
    
}); 
   

Quiero que cuando vaya a la pagina que corresponda, el aspecto del elemento alq ue le di click se quede como cuando le di click y no regrese a como estaba al inicio.

Gracias de antemano.

[JavierB]

Mensaje movido al foro de FrameWorks desde Javascript.

Saludos,

[marcopoloaz06]

Hola, ps porque no pones un iframe para cargar las págs y asi tu menu no cambia

saludos
:]

[juandedios]

Eso mismo estaba pensando ayer con la almohada, pero en vez de un iframe actualizo el contenido del DIV donde va el cuerpo de la pagina.

[juandedios]

Una pregunta, con jquery, como puedo hacer para que el contenido de un HTML aparesca en un DIV?

[juandedios]

Encontre un buen tutorial para lo que necesitaba hacer con jquery, aquí se los dejo http://www.cristalab.com/tips/cargar...query-c42442l/