[SOLUCIONADO] menu jquery que el inicio siempre sea visible

[angel2010]

muchas gracias aquellas persona que me puedan ayudar ya que no se nada de jquery mas adelante me dedicare en aprender esa maravilla que es jquery.


El script que le voy a mostrar lo agarre de este mismo foro el problema es que quiero que aparezca el inicio siempre se a visible sin tener que darle clik ya que es el inicio. y otra cosa que el div que se va cargar por encima ocultando el otro div, No quiero que quede por debajo si se pudiera limpiar el div que queda debajo para la carga de datos en la base de dato para si no afectarlo.

este es mi script

Código Javascript:

<script language="javascript" type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script>
$(function(){
        $("#contenido").load("inicio.php");
        $('ul#submenu li a').click(function(){
        var _url = $(this).attr('href');
        $("#contenido").load(_url).text("");
        return false;
    });
 
 
});
</script>
 

esta linea

Código Javascript:

$("#contenido").load(_url).text("");
 

agregue .text(""); por que estuve leyendo que esa parte sirve para limpiar el div que queda por debajo todavia no lo e probado si e pueden decir esta bien

código html

Código HTML:

<ul class="cent_menu1" id="submenu">
 <li><a href="inicio.php">Inicio &nbsp;&nbsp;|</a> </li>
<li> <a href="pepito.html">Planes &nbsp;&nbsp;|</a>  </li>
<li> <a href=""> Traferencia &nbsp;&nbsp;|</a>  </li>
<li> <a href="">Deposito &nbsp;&nbsp;|</a>  </li>
<li> <a href="#">R PC &nbsp;&nbsp;</a> </li>
</ul>
 

[diurno10]

No entiendo q es lo que hace ese script, pero lo que podes hacer es ponerle una clase a los demas links

Código HTML:

<ul class="cent_menu1" id="submenu">
 <li><a href="inicio.php">Inicio &nbsp;&nbsp;|</a> </li>
<li> <a href="pepito.html" class="cambia">Planes &nbsp;&nbsp;|</a>  </li>
<li> <a href="" class="cambia"> Traferencia &nbsp;&nbsp;|</a>  </li>
<li> <a href="" class="cambia">Deposito &nbsp;&nbsp;|</a>  </li>
<li> <a href="#" class="cambia">R PC &nbsp;&nbsp;</a> </li>
</ul>
 

y aca lo laburas asi,

Código Javascript:

<script language="javascript" type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script>
$(function(){
        $("#contenido").load("inicio.php");
        $('ul#submenu li a.cambia').click(function(){
        var _url = $(this).attr('href');
        $("#contenido").load(_url).text("");
        return false;
    });
 
 
});
</script>
 

Ahora #contenido que es un contenedor general?