[jQuery] Problems with creating a pager effect with a kwicks nav

[zeckdude]

Hello all,

I created a Kwicks style nav and I am trying to make each of the buttons
fade in a certain area of content.

Each of the buttons fades in their areas correctly, but after I hit one
button, it won't do anything when I hit another button after that. I'm
pretty sure it has something to do with the jquery code that is effecting
the fading in that the area is told to fadeOut and after that won't fade
back in after clicking another button.

Here's a page with the problem:
http://idea-palette.com/testfolder/pagetest3e.html

Here's the jQuery code that is effecting the fading for each content area:

$(document).ready(function() {

        $("#webarea").hide();
        $("#motionarea").hide();

                $("#printareabutton").click(function() {

                     $("#motionarea > *:visible").fadeOut(500);
                     $("#webarea > *:visible").fadeOut(500, testertwo);
                                
                     function testertwo() {
                          $("#printarea").fadeIn(500);
                          $("#areaone").fadeIn(1000);
                     };
                });
  

                $("#webareabutton").click(function() {

                     $("#motionarea > *:visible").fadeOut(500);
                     $("#printarea > *:visible").fadeOut(500, tester);
                                
                     function tester() {
                          $("#webarea").fadeIn(500);
                          $("#printcoarea").fadeIn(1000);
                     };
                });
  
                
                $("#motionareabutton").click(function() {
                      $("#webarea > *:visible").fadeOut(500);
                      $("#printarea > *:visible").fadeOut(500, testerthree);
                                
                      function testerthree() {
                         $("#motionarea").fadeIn(500);
                         $("#astairarea").fadeIn(500);
                      };
                });
});


There are currently 3 working buttons. Also, it is the upper nav that is
having the fading issues.


I really hope you can help me out in any way! I'm totally stuck right now!
-- 
View this message in context: 
http://www.nabble.com/Problems-with-creating-a-pager-effect-with-a-kwicks-nav-tp21652222s27240p21652222.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.