Buongiorno,
ho questo menù:
Codice HTML:
<ul class="tree dynamized" style="display: block;">
<li class="category_50">
<a href="http://www.apeprocidana.it/index.php?id_category=50&controller=category" title="">Cornici in legno</a>
</li>
<li class="category_48">
<span class="grower OPEN"> </span><a href="http://www.apeprocidana.it/index.php?id_category=48&controller=category" class="selected" title="">Foto Gadget</a>
<ul style="display: block;">
<li class="category_51">
<a href="http://www.apeprocidana.it/index.php?id_category=51&controller=category" title="">Abbigliamento</a>
</li>
<li class="category_53">
<a href="http://www.apeprocidana.it/index.php?id_category=53&controller=category" title="">Accessori</a>
</li>
<li class="category_54">
<a href="http://www.apeprocidana.it/index.php?id_category=54&controller=category" title="">Borse ed Accessori</a>
</li>
<li class="category_55">
<a href="http://www.apeprocidana.it/index.php?id_category=55&controller=category" title="">Calamite</a>
</li>
<li class="category_56">
<a href="http://www.apeprocidana.it/index.php?id_category=56&controller=category" title="">Ceramica</a>
</li>
<li class="category_57">
<a href="http://www.apeprocidana.it/index.php?id_category=57&controller=category" title="">Cornici</a>
</li>
<li class="category_161">
<a href="http://www.apeprocidana.it/index.php?id_category=161&controller=category" title="">Cover Cellulari e Tablets</a>
</li>
<li class="category_58">
<a href="http://www.apeprocidana.it/index.php?id_category=58&controller=category" title="">Crystal</a>
</li>
<li class="category_59">
<span class="grower CLOSE"> </span><a href="http://www.apeprocidana.it/index.php?id_category=59&controller=category" title="">Cuscini</a>
<ul style="display: none;">
<li class="category_87">
<a href="http://www.apeprocidana.it/index.php?id_category=87&controller=category" title="">Accessori ed Extra</a>
</li>
<li class="category_72">
<a href="http://www.apeprocidana.it/index.php?id_category=72&controller=category" title="Cuscini Bicolore">Bicolori</a>
</li>
<li class="category_113">
<a href="http://www.apeprocidana.it/index.php?id_category=113&controller=category" title="">Doppio Full Print</a>
</li>
<li class="category_112">
<a href="http://www.apeprocidana.it/index.php?id_category=112&controller=category" title="">Full Print</a>
</li>
<li class="category_115">
<a href="http://www.apeprocidana.it/index.php?id_category=115&controller=category" title="">iPhone</a>
</li>
<li class="category_111">
<a href="http://www.apeprocidana.it/index.php?id_category=111&controller=category" title="">Jeans</a>
</li>
<li class="category_116">
<a href="http://www.apeprocidana.it/index.php?id_category=116&controller=category" title="">Mini</a>
</li>
<li class="category_114 last">
<a href="http://www.apeprocidana.it/index.php?id_category=114&controller=category" title="">Squadre Calcio</a>
</li>
</ul>
</li>
<li class="category_60">
<a href="http://www.apeprocidana.it/index.php?id_category=60&controller=category" title="">Elettronica, cellulari e informatica</a>
</li>
<li class="category_85">
<span class="grower CLOSE"> </span><a href="http://www.apeprocidana.it/index.php?id_category=85&controller=category" title="">Festività</a>
<ul style="display: none;">
<li class="category_151 last">
<a href="http://www.apeprocidana.it/index.php?id_category=151&controller=category" title="">Touch Screen</a>
</li>
</ul>
</li>
<li class="category_117 last">
<span class="grower CLOSE"> </span><a href="http://www.apeprocidana.it/index.php?id_category=117&controller=category" title="">Ufficio e Lavoro</a>
<ul style="display: none;">
<li class="category_123">
<a href="http://www.apeprocidana.it/index.php?id_category=123&controller=category" title="">Archiviazione</a>
</li>
<li class="category_121">
<a href="http://www.apeprocidana.it/index.php?id_category=121&controller=category" title="">Articoli da Scrivania</a>
</li>
<li class="category_118">
<a href="http://www.apeprocidana.it/index.php?id_category=118&controller=category" title="">Borsa Porta Pc</a>
</li>
<li class="category_119">
<a href="http://www.apeprocidana.it/index.php?id_category=119&controller=category" title="">Calcolatrici da Tavolo</a>
</li>
<li class="category_125">
<a href="http://www.apeprocidana.it/index.php?id_category=125&controller=category" title="">Memo Stick e Porta Memo</a>
</li>
<li class="category_120">
<a href="http://www.apeprocidana.it/index.php?id_category=120&controller=category" title="">Porte USB e Mouse Ottici</a>
</li>
<li class="category_122">
<a href="http://www.apeprocidana.it/index.php?id_category=122&controller=category" title="">Righelli e Stilofori</a>
</li>
<li class="category_124">
<a href="http://www.apeprocidana.it/index.php?id_category=124&controller=category" title="">Tagliacarta e Fermacarta</a>
</li>
<li class="category_126 last">
<a href="http://www.apeprocidana.it/index.php?id_category=126&controller=category" title="">Tappetini Mouse</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="category_128">
<span class="grower CLOSE"> </span><a href="http://www.apeprocidana.it/index.php?id_category=128&controller=category" title="">Premiazioni</a>
<ul style="display: none;">
<li class="category_129">
<a href="http://www.apeprocidana.it/index.php?id_category=129&controller=category" title="">Astucci</a>
</li>
<li class="category_130">
<a href="http://www.apeprocidana.it/index.php?id_category=130&controller=category" title="">Coppe</a>
</li>
<li class="category_131">
<a href="http://www.apeprocidana.it/index.php?id_category=131&controller=category" title="">Cornici</a>
</li>
<li class="category_132">
<a href="http://www.apeprocidana.it/index.php?id_category=132&controller=category" title="">Linee Special</a>
</li>
<li class="category_133">
<a href="http://www.apeprocidana.it/index.php?id_category=133&controller=category" title="">Medaglie</a>
</li>
<li class="category_134">
<a href="http://www.apeprocidana.it/index.php?id_category=134&controller=category" title="">Orologi</a>
</li>
<li class="category_135">
<a href="http://www.apeprocidana.it/index.php?id_category=135&controller=category" title="">Outlet</a>
</li>
<li class="category_136">
<a href="http://www.apeprocidana.it/index.php?id_category=136&controller=category" title="">Portachiavi</a>
</li>
<li class="category_139">
<a href="http://www.apeprocidana.it/index.php?id_category=139&controller=category" title="">Supporti in Vetro</a>
</li>
<li class="category_140 last">
<a href="http://www.apeprocidana.it/index.php?id_category=140&controller=category" title="">Targhe</a>
</li>
</ul>
</li>
<li class="category_76">
<span class="grower CLOSE"> </span><a href="http://www.apeprocidana.it/index.php?id_category=76&controller=category" title="Pagina ufficiale dell'Official Store dell'Isola di Procida Calcio">Procida Calcio</a>
<ul style="display: none;">
<li class="category_78">
<a href="http://www.apeprocidana.it/index.php?id_category=78&controller=category" title="Tappetino per mouse con la foto del tuo Campione">MousePad</a>
</li>
<li class="category_77 last">
<a href="http://www.apeprocidana.it/index.php?id_category=77&controller=category" title="Tazza con Immagine Personalizzata del tuo Campione">Tazza</a>
</li>
</ul>
</li>
<li class="category_83">
<a href="http://www.apeprocidana.it/index.php?id_category=83&controller=category" title="">ProcidaMania</a>
</li>
</ul>
</li>
</ul>
E vorrei che al click dell'utente su una voce madre si aprissero i figli... il classico menù ad albero/comparsa.
Il codice jQuery che uso è:
Codice:
<script>var MenuTree = {
collapse: function(element) {
element.slideToggle(600);
},
walk: function() {
$('a', '.tree').each(function() {
var $a = $(this);
var $li = $a.parent();
if ($a.next().is('ul')) {
var $ul = $a.next();
$a.click(function(e) {
e.preventDefault();
MenuTree.collapse($ul);
$a.toggleClass('active');
});
}
});
}
};
MenuTree.walk();</script>
Tuttavia non accade nulla. Qualcuno sa aiutarmi?