Problema di visualizzazione iniziale

**sunboy85** · 23-04-2012, 17:25

Salve a tutti, ho un meno accordion dove nei sottomenu al click del mouse si aprono i vari sottomenu, con l'unico problema che al caricamento della pagina i sottomenu sono già visualizzati.

Questo è lo script (js) del dropdown

$(document).ready(function(){
$.easing.def = "easeOutBounce";
$('li.button a').click(function(e){
var dropDown = $(this).parent().next();
$('.jcarousel-skin').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');
e.preventDefault();
})
});

.jcarousel-skin sono i vari sottomenu, come posso fare affinkè siano nascosti al caricamento della pagina, mentre appaiono solo se clicco sul bottone del menu?? grazie

**lucavizzi** · 23-04-2012, 22:19

codice:

<head>
<style type="text/css">
   li.button ul{display:none;}
</style>
</head>

**sunboy85** · 24-04-2012, 14:50

Originariamente inviato da lucavizzi

codice:

<head>
<style type="text/css">
   li.button ul{display:none;}
</style>
</head>

No purtroppo avevo già anke provato in questo modo, ma nn succede nulla...credo bisogna agire sullo javascript, dicendo, al caricamento nn visualizzare i sottomenu...
nn riesco a trovare una soluzione uff

**lucavizzi** · 24-04-2012, 15:13

posta l'HTML del menu

**sunboy85** · 24-04-2012, 15:17

Questo è l'HTML, in pratica ho una sezione menu, al suo interno ho un menu accordion, e i sottomenu sono dei jcarousel...il problema è ke il sottomenu deve apparire solo se clicco su FEATURE FILMS e non al caricamento della pagina. Il funzionamento che mi fa è giusto con l'unico problema ke appare già tt visualizzato anche all'inizio quando si carica la pagina

<div id="menu1">
<ul class="container2">
<li class="menu">
<ul>
<li class="button">FEATURE FILMS
<li class="jcarousel-skin-tango">
<ul class="mycarousel">[*]

[*]

[/list]
[/list]

**lucavizzi** · 24-04-2012, 15:29

codice:

<head>
<style type="text/css">
   li.jcarousel-skin-tango ul{display:none;}
</style>
</head>

**sunboy85** · 24-04-2012, 15:37

Originariamente inviato da lucavizzi

codice:

<head>
<style type="text/css">
   li.jcarousel-skin-tango ul{display:none;}
</style>
</head>

ho provato anche così ma nnt da fare, quei benedetti sottomenu appaiono tutti al caricamento della pagina =S
ho provato anche ad agire su JS provando a mettere una funzione HIDE ma nnt...appaiono maledettamente

**lucavizzi** · 24-04-2012, 17:40

...jCarousel non è un accordion, è uno slider....

**sunboy85** · 24-04-2012, 20:42

Originariamente inviato da lucavizzi
...jCarousel non è un accordion, è uno slider....

si e dovrebbe apparire nel sottomenu dell'accordion...appare anche bene, con l'unico problema che al caricamento della pagina risulta già visualizzato

Discussione: Problema di visualizzazione iniziale

Strumenti discussione

Ricerca discussione

Visualizza

Problema di visualizzazione iniziale

Permessi di invio