<div dir="ltr"><div class="nodeLabel "><div class="nodeBox containerNodeBox open"><div class="nodeLabel "><span class="nodeLabelBox repTarget ">Ok I'm trying to use a simple jquery plugin for my menu, it's like accordion for menus but simpler. When you click on and parent item, submenus expand horizontal.<br>
</span></div><div class="nodeLabel "><span class="nodeLabelBox repTarget "><br></span></div><div class="nodeLabel "><span class="nodeLabelBox repTarget ">this is how firebug inspects menus(it's just 2 menus here with 1 submenu):<br>
</span></div><div class="nodeLabel "><span class="nodeLabelBox repTarget "><br></span></div><div class="nodeLabel "><span class="nodeLabelBox repTarget ">- <<span class="nodeTag ">div</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">content</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></div>
<div class="nodeChildBox "><div class="nodeBox containerNodeBox open"><div class="nodeLabel " style="margin-left: 40px"><span class="nodeLabelBox repTarget ">- <<span class="nodeTag ">ul</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">menu</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></div>
<div class="nodeChildBox "><div class="nodeBox containerNodeBox selected open"><div class="nodeLabel " style="margin-left: 80px"><strong><span class="nodeLabelBox repTarget ">- <<span class="nodeTag ">li</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">expanded first active-trail</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></strong></div>
<div class="nodeChildBox "><div class="nodeBox containerNodeBox " style="margin-left: 120px"><div class="nodeLabel "><span class="nodeLabelBox repTarget ">+ <<span class="nodeTag ">a</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">active</span>"</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">title</span>=""</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">href</span>="<span class="nodeValue editable ">/rouzdarou/</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></div>
</div><div class="nodeBox containerNodeBox open"><div class="nodeLabel " style="margin-left: 120px"><span class="nodeLabelBox repTarget ">- <<span class="nodeTag ">ul</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">menu</span>"</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">style</span>="<span class="nodeValue editable ">display: block;</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></div>
<div class="nodeChildBox "><div class="nodeBox containerNodeBox open"><div class="nodeLabel " style="margin-left: 160px"><strong><span class="nodeLabelBox repTarget ">- <<span class="nodeTag ">li</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">leaf first last</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></strong></div>
<div class="nodeChildBox " style="margin-left: 200px"><div class="nodeBox containerNodeBox "><div class="nodeLabel "><span class="nodeLabelBox repTarget ">+ <<span class="nodeTag ">a</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">active</span>"</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">title</span>=""</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">href</span>="<span class="nodeValue editable ">/rouzdarou/</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></div>
</div></div><div class="nodeCloseLabel " style="margin-left: 160px"><span class="nodeCloseLabelBox repTarget "></<span class="nodeTag ">li</span>></span></div></div></div><div class="nodeCloseLabel " style="margin-left: 120px">
<span class="nodeCloseLabelBox repTarget "></<span class="nodeTag ">ul</span>></span></div></div></div><div class="nodeCloseLabel " style="margin-left: 80px"><span class="nodeCloseLabelBox repTarget "></<span class="nodeTag ">li</span>></span></div>
</div></div></div></div></div></div><div class="nodeLabel " style="margin-left: 80px"><strong><span class="nodeLabelBox repTarget ">+ <<span class="nodeTag ">li</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">leaf last</span>"</span><span class="nodeBracket editable insertBefore ">></span></span></strong></div>
<div style="margin-left: 40px"><span class="nodeCloseLabelBox repTarget "></<span class="nodeTag ">ul</span>></span><span class="nodeCloseLabelBox repTarget "></span></div><div class="nodeLabel " style="margin-left: 0px">
<div class="nodeBox containerNodeBox open"><div class="nodeChildBox "><div class="nodeBox containerNodeBox open"><div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget "></div></span></div><div class="nodeCloseLabel ">
<span class="nodeCloseLabelBox repTarget "><br></span></div><div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget "><br></span></div><div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget "><br>
</span></div><div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget ">and here's my jquery:<br></span></div><div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget "><br> $("div.content ul.menu li.expanded a").click(function()<br>
{<br> $(this).next("div.content ul.menu li.expanded ul.menu").slideToggle(300).siblings("div.content ul.menu li.expanded ul.menu").slideUp("slow");<br> });<br>
</span></div><div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget "><br></span></div><div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget ">I already have jquery and update ,... installed. This is such a simple code I can't even make it work in drupal. I've used it in page.tpl.php, also tried to include it in .info file.</span></div>
<div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget "><br></span></div><div class="nodeCloseLabel "><span class="nodeCloseLabelBox repTarget ">Any1 can help me out here with drupal. Thanks in advance :)</span><span class="nodeCloseLabelBox repTarget "><br>
</span></div></div></div></div></div>-- <br><div dir="ltr">Pooya Sanooei<br><div><a href="http://twitter.com/sourcesoft" target="_blank">Twitter</a> - <a href="http://facebook.com/pooya.sanooei" target="_blank">Facebook</a> - <a href="http://www.javabgoo.com" target="_blank">Website</a></div>
</div><br>
</div>