Pessoal, apanhei um pouco mas acabei descobrindo. Como sempre a solução era muito e desproporcional ao esforço gasto :-)
* a chamada para jquery tem que vir antes!!!
Your text to link here...Se alguem precisar do esquema de carregar Flex Drop Down Menu em suas aplicações ai vai:
Step 1:
a) Download 3 files from solution ( .css, .js and .gif ) at:
http://www.dynamicdrive.com/dynamicindex1/flexdropdown.htm
Step 2:
a) Copy
from:
%DOWNLOAD%/flexdropdown.css
to:
%GRAILS-HOME-APP%/web-app/css
b) Copy
from:
%DOWNLOAD%/flexdropdown.js
to:
%GRAILS-HOME-APP%/web-app/js
c) Copy
from:
%DOWNLOAD%/arrow
to:
%GRAILS-HOME-APP%/web-app/images
d) Copy
from:
%DOWNLOAD%/jquery/*
to:
%GRAILS-HOME-APP%/web-app/js/jquery/
Step 3:
a) Edit %GRAILS-HOME-APP%/grails-app/view/layouts/ and add following lines between <head> and </head>:
:
<g:javascript src="jquery/jquery-1.4.1.min.js"/>
<link rel="stylesheet" href="${resource(dir: 'css', file: 'flexdropdown.css')}" type="text/css">
<g:javascript src="flexdropdown.js"/>
:
Step 4:
a) Edit %GRAILS-HOME-APP%/grails-app/view/layouts/ and add following lines between <body> and </body>:
<h3>Drop Down Menu:</h3>
<p style="text-align:left"><a href="http://www.dynamicdrive.com" data-flexmenu="flexmenu1">Dynamic Drive</a></p>
<h3>Drop to the right, with custom offset of 8px horizontally, 0px vertically, added:</h3>
<p style="text-align:left"><a href="http://www.dynamicdrive.com" data-flexmenu="flexmenu2" data-dir="h" data-offsets="8,0">Webmaster Resources</a></p>
<!--HTML for Flex Drop Down Menu 1-->
<ul id="flexmenu1" class="flexdropdownmenu">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>
<li><a href="#">Item Folder 3a</a>
<ul>
<li><a href="#">Sub Item 3.1a</a></li>
<li><a href="#">Sub Item 3.2a</a></li>
<li><a href="#">Sub Item 3.3a</a></li>
<li><a href="#">Sub Item 3.4a</a></li>
</ul>
</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
<ul>
<li><a href="#">Sub Item 5.1a</a></li>
<li><a href="#">Item Folder 5.2a</a>
<ul>
<li><a href="#">Sub Item 5.2.1a</a></li>
<li><a href="#">Sub Item 5.2.2a</a></li>
<li><a href="#">Sub Item 5.2.3a</a></li>
<li><a href="#">Sub Item 5.2.4a</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 6a</a></li>
</ul>
<!--HTML for Flex Drop Down Menu 2-->
<ul id="flexmenu2" class="flexdropdownmenu">
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
</ul>