<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Have you had a look at the jquery menu module to see how it's handled there?<div><a href="http://drupal.org/project/jquerymenu">http://drupal.org/project/jquerymenu</a></div><div><br><div><div>
<span class="Apple-style-span" style="font-family: Helvetica; font-size: 12px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div><font class="Apple-style-span" face="Arial"><span class="Apple-style-span" style="font-size: medium; "><font class="Apple-style-span" face="Helvetica" size="3"><span class="Apple-style-span" style="font-size: 12px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: normal normal normal 12px/normal Helvetica; "><font class="Apple-style-span" color="#0000FF">Sincerely,</font></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: normal normal normal 12px/normal Helvetica; "><font class="Apple-style-span" color="#0000FF">-Blake Senftner</font></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font class="Apple-style-span" color="#0000FF"><br></font></div></span></font></span></font></div></span></div></span>
</div>
<br><div><div>On Jun 4, 2011, at 7:40 PM, Pooya wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><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>
</blockquote></div><br></div></div></body></html>