what jay said so for example instead of $("ul#menu a") try $("a", this)
where you are selecting all the a tags in the context of this which
represents the individual li tag as you iterate through the each loop.
On Sun, Apr 12, 2009 at 12:18 PM, jay <jay.ab...@gmail.com> wrote:
>
> inside the each you need to reference "this" or "$(this)" instead of
> referencing all of the elements again.
>
> On Apr 12, 11:38 am, adesign <andersek...@gmail.com> wrote:
> > Hello,
> >
> > I am very new to jQuery and don´t know how to write my code for every
> > item.
> >
> > Here is my code for a list with hover functions, I would like for
> > every item to be processed separately. I know about a functio that is
> > written ".each", but can´t seem to get it to work.
> >
> > -------
> >
> > <script type="text/javascript">
> > $(function() {
> > // set opacity to nill on page load
> > $("ul#menu span").css("opacity","0");
> >
> > $("ul#menu li").each(function () {
> >
> > // on mouse over
> > $("ul#menu a").hover(function () {
> > // animate opacity to full
> > $('ul#menu span').stop().animate({
> > opacity: 1
> > }, 'slow');
> > },
> >
> > // on mouse out
> > function () {
> > // animate opacity to nill
> > $('ul#menu span').stop().animate({
> > opacity: 0
> > }, 'slow');
> > });
> >
> > });
> > });
> >
> > </script>
> >
> > -------
> >
> > hope someone has some answers or a book to recommend for a newbie.
> >
> > Regards
> > /adesign
>
