Rene,
Thanks for your help. Your solution works great.
Jim
On Wed, Sep 24, 2008 at 6:54 AM, Rene Veerman <[EMAIL PROTECTED]> wrote:
>
> Give your <UL> tag an id 'menu', and replace your document.ready code
> with this:
> $(document).ready(function() {
>
> $('ul#menu li a').each (function () {
> $(this).append ('<span class="hover"></span>');
> var $span = $('> span.hover', this).css('opacity', 0);
> $(this).hover (function () {
> $span.stop().fadeTo (500, 1);
> }, function () {
> $span.stop().fadeTo (500, 0);
> });
> });
>
>
>
> Jim Davis wrote:
> > I am adapting Greg-J's hover fade method
> > <http://greg-j.com/static-content/hover-fade-redux.html> to a
> > navigation menu. Demo of my menu is here:
> >
> > http://jimdavis.org/celtic/fadetest.php
> >
> > If you view the source code you will see that I repeat the jQuery
> > function for each menu item. Since this nav menu will have about 10
> > items I want to change the script to use an array to minimize the
> > code. What needs to be changed to use an array?
> >
> > Jim
> >
> >
> >
>
>
