Hi everyone

I'm a bit of a fledgling with all things Javascript, but I have to say, jQuery is very nice and seems to be extremely versatile! I'm starting to get a decent grasp on a few things I think.

I had a question related to the jQuery Cycle plugin.

I'm trying to understand how I can utilize two different effects on two different portions of my page.

First, I got the pagerAnchorBuilder to operate correctly in terms of going to the specified <li> item when clicked, while still cycling through the pager.

My issue is that I would like for the pagerAnchorBuilder item to use a .fadeTo() effect.

I'm not exactly sure how to accomplish this.

Is there a way I can request what the value of the pagerAnchorBuilder is and execute an if {} statement?

I've attached my code to clarify. I start all the nav items out with a .fadeTo(0000, 0.0) in order to keep them in the page to fade in should I get the code to operate correctly... so that's what the initial .fadeTo()s in the code are for.

2. <script type="text/javascript">
3. $(document).ready(function() {
4. 
   
5. $(".glidernav-1-active").fadeTo("slow", 0.0);
6. $(".glidernav-2-active").fadeTo("slow", 0.0);
7. $(".glidernav-3-active").fadeTo("slow", 0.0);
8. $(".glidernav-4-active").fadeTo("slow", 0.0);
9. 
   
10. $('.content').cycle({ 
11. fx: 'fade', speed: 2000, timeout: 3000, 
12. pager: '#nav', 
13. pagerAnchorBuilder: glidernav
14. });
15. 
    
16.     function glidernav(idx, slide) {
17. if (idx == 0) return '.glidernav-1-active';
18. else if (idx == 1) return '.glidernav-2-active';
19. else if (idx == 2) return '.glidernav-3-active';
20. else if (idx == 3) return '.glidernav-4-active';
21. 
    
22. };
23. 
    
24. if (pagerAnchorBuilder == '.glidernav-1-active') {
25. $(".glidernav-1-active").fadeTo("slow", 1.0);
26. };
27. });
28. 
    
29. </script>

Thanks for any help you can provide!