Foros del Web » Programando para Internet » Jquery »

Menú desplegable jQuery y Css [Ayud please..]

Estas en el tema de Menú desplegable jQuery y Css [Ayud please..] en el foro de Jquery en Foros del Web. Buenas, Tengo un menú creado con jQuery y Css de la siguiente forma: La parte JS: Código PHP:      $( document ). ready (function(){          ...
  #1 (permalink)  
Antiguo 18/10/2011, 09:17
 
Fecha de Ingreso: noviembre-2010
Ubicación: Badajoz
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 4
Sonrisa Menú desplegable jQuery y Css [Ayud please..]

Buenas,
Tengo un menú creado con jQuery y Css de la siguiente forma:

La parte JS:
Código PHP:
    $(document).ready(function(){
        
// Prueba para lo que explico mas abajo, 
        // obviamente, esto inutiliza todo los menús, 
        // a ver si me dais una idea...
        
$('ul li:has(ul)').click(function(){
            $(
this).find('ul').slideDown("slow"); 
            return 
false;
        });        
        
        $(
'ul li:has(ul)').hoverIntent({
            
sensitivity3,
            
interval220,
            
overmakeVisible,
            
timeout100,
            
outmakeInvisible,
        });        
    });
    
    function 
makeVisible(){
        $(
this).find('ul').slideDown("slow");
    }
    function 
makeInvisible(){
        $(
this).find('ul').slideUp("fast");
    } 
Y la parte HTML:
Código PHP:
<style>
li ul{
    
display:none;
}
</
style>
<
ul>
    <
li>
        <
a href="destino-A.html">Seccion A</a>
        <
ul>
            <
li>Sección A.1</li>
            <
li>Sección A.2</li>
            <
li>Sección A.3</li>
        </
ul>
    </
li>
    
    <
li><a href="destino-B.html">Seccion B</a></li>
    
    <
li>
        <
a href="destino-C.html">Seccion C</a>
        <
ul>
            <
li>Sección C.1</li>
            <
li>Sección C.2</li>
            <
li>Sección C.3</li>
        </
ul>         
    </
li>
    <
li><a href="destino-D.html">Seccion D</a></li>
    
    <
li><a href="destino-E.html">Seccion E</a></li>
</
ul
Al acercar el ratón a los elementos del menú, funciona correctamente, se despliega y oculta el "submenu" de forma correcta, pero, le tengo puesto un retardo a la hora de desplegarse, y lo que quiero es que:

Al clickar en una sección que no tenga ninguna lista anidada, respete el enlace sin ningún return false, al clickar en una sección que tenga una lista anidada, portanto, un "menú desplegable", al hacer click, no espere el tiempo que tenga que estar el ratón encima y despliege el menú, y que una vez desplegado, si vuelve a hacer click en dicha sección, entonces el enlace vuelva a return true...

Sería tan sencillo como meterle un return false al enlace manualmente que no quiera que se siga el hipervínculo, pero al tratar de crear un menú automatizado, esto no es viable...

Lo siento por el tocho, espero haberme expresado bien y espero vuestra ayuda.
Gracias por alantado!

Etiquetas: css, desplegable, html, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:44.