<div dir="ltr">actually I need more like an animated click expand<br><br><div class="gmail_quote">On Sun, Jun 5, 2011 at 10:27 PM, Blake Senftner <span dir="ltr"><<a href="mailto:bsenftner@earthlink.net">bsenftner@earthlink.net</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div style="word-wrap:break-word">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" target="_blank">http://drupal.org/project/jquerymenu</a></div><div><br><div><div>
<span style="font-family:Helvetica;font-size:12px"><div style="word-wrap:break-word"><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;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px"><div>
<font face="Arial"><span style="font-size:medium"><font face="Helvetica" size="3"><span style="font-size:12px"><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><font face="Helvetica" size="3"><font 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"><font color="#0000FF">-Blake Senftner</font></font></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
<font color="#0000FF"><br></font></div></span></font></span></font></div></span></div></span>
</div><div><div class="h5">
<br><div><div>On Jun 4, 2011, at 7:40 PM, Pooya wrote:</div><br><blockquote type="cite"><div dir="ltr"><div><div><div><span>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><span><br></span></div><div><span>this is how firebug inspects menus(it's just 2 menus here with 1 submenu):<br>
</span></div><div><span><br></span></div><div><span>- <<span>div</span><span> <span>class</span>="<span>content</span>"</span><span>></span></span></div>
<div><div><div style="margin-left:40px"><span>- <<span>ul</span><span> <span>class</span>="<span>menu</span>"</span><span>></span></span></div>
<div><div><div style="margin-left:80px"><b><span>- <<span>li</span><span> <span>class</span>="<span>expanded first active-trail</span>"</span><span>></span></span></b></div>
<div><div style="margin-left:120px"><div><span>+ <<span>a</span><span> <span>class</span>="<span>active</span>"</span><span> <span>title</span>=""</span><span> <span>href</span>="<span>/rouzdarou/</span>"</span><span>></span></span></div>
</div><div><div style="margin-left:120px"><span>- <<span>ul</span><span> <span>class</span>="<span>menu</span>"</span><span> <span>style</span>="<span>display: block;</span>"</span><span>></span></span></div>
<div><div><div style="margin-left:160px"><b><span>- <<span>li</span><span> <span>class</span>="<span>leaf first last</span>"</span><span>></span></span></b></div>
<div style="margin-left:200px"><div><div><span>+ <<span>a</span><span> <span>class</span>="<span>active</span>"</span><span> <span>title</span>=""</span><span> <span>href</span>="<span>/rouzdarou/</span>"</span><span>></span></span></div>
</div></div><div style="margin-left:160px"><span></<span>li</span>></span></div></div></div><div style="margin-left:120px">
<span></<span>ul</span>></span></div></div></div><div style="margin-left:80px"><span></<span>li</span>></span></div>
</div></div></div></div></div></div><div style="margin-left:80px"><b><span>+ <<span>li</span><span> <span>class</span>="<span>leaf last</span>"</span><span>></span></span></b></div>
<div style="margin-left:40px"><span></<span>ul</span>></span></div><div style="margin-left:0px">
<div><div><div><div><span></div></span></div><div>
<span><br></span></div><div><span><br></span></div><div><span><br>
</span></div><div><span>and here's my jquery:<br></span></div><div><span><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><span><br></span></div><div><span>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><span><br></span></div><div><span>Any1 can help me out here with drupal. Thanks in advance :)</span><span><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></div></div></div></blockquote></div><br><br clear="all"><br>-- <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>