View Full Version : Problems with creating a pager effect with a kwicks nav

Jan 25th, 2009, 11:57 PM
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() {


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

$("#motionarea > *:visible").fadeOut(500);
$("#webarea > *:visible").fadeOut(500, testertwo);

function testertwo() {

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

$("#motionarea > *:visible").fadeOut(500);
$("#printarea > *:visible").fadeOut(500, tester);

function tester() {

$("#motionareabutton").click(function() {
$("#webarea > *:visible").fadeOut(500);
$("#printarea > *:visible").fadeOut(500, testerthree);

function testerthree() {

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!