problema dropdown

[sunboy85]

salve a tutti, sto riscontrando un problema su un menu dropdwon con annidato un jcarousel...
in pratica l'effetto che voglio è avere inizialmente tutti i bottono chiusi, al click sul bottone mostrare i sottomenu dove appare uno slideshow di immagini (jcarousel)

QUESTO E' IL CSS DEL DROPDOWN:

.dropdown{
/* The expandable lists */
display:none;
padding-top:5px;
width:100%;
}

.dropdown li{
list-style: none;
display: inline;
margin:5px 0;
padding:4px 18px;
}

.dropdown li img
{
display: inline;
padding:0px;
margin:0px;
}

QUESTO L'HTML DELLA PAGINA:


<li class="menu">
<ul>
<li class="button">FEATURE FILMS
<li class="dropdown">
<ul id="mycarousel" class="jcarousel-skin-tango">[*][*][*][*][*][*][*][*][*][*][/list]

[/list]


IL PROBLEMA CHE RISCONTRO E' CHE LE IMMAGINI DEL JCAROUSEL MI VENGONO VISUALIZZARE IN VERTICALE E NON IN ORIZZONTALE, SE LEVO LA CLASSE DROPDOWN INVECE MI VIENE VISUALIZZATO NEL MODO GIUSTO SOLO CHE IL SOTTOMENU NON RISULTA PIU' NASCOSTO MA VISIBILE. QUALCUNO MI SA DIRE SE C'E' UN ERRORE NEL CSS DROPDOWN O SI TRATTA DI QUALCHE ALTRO PROBLEMA??

[sunboy85]

Presupponendo che ho risolto il problema iniziale...
c'è un modo in questo script per rendere non visibile i sottomenu (jcarousel-skin) al caricamento della pagina??

$(document).ready(function(){
/* This code is executed after the DOM has been completely loaded */

/* Changing thedefault easing effect - will affect the slideUp/slideDown methods: */
$.easing.def = "easeOutBounce";

/* Binding a click event handler to the links: */
$('li.button a').click(function(e){

/* Finding the drop down list that corresponds to the current section: */
var dropDown = $(this).parent().next();

/* Closing all other drop down sections, except the current one */
$('.jcarousel-skin').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');

/* Preventing the default event (which would be to navigate the browser to the link's address) */
e.preventDefault();
})

});