Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Jan 2009
    Posts
    7
    Member #
    18098
    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:

    Code:
    $(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!

  2.  

  3. #2
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    I don't see any problem...everything seems to fading in and out fine. I viewed in FF 3 and IE 7.
    Semantic, Valid, and Accessible Design!


  4. #3
    Junior Member
    Join Date
    Jan 2009
    Posts
    7
    Member #
    18098
    I don't see any problem...everything seems to fading in and out fine. I viewed in FF 3 and IE 7.
    Please look at it again.

    Click on the 'Web' button and then watch the web content area fade in.

    Now click on the 'Print' button and then watch as the web content area fades out. Now the 'Print' area is supposed to fade in, but it does not.

    Just click around on the top buttons and you will see what I mean.

  5. #4
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    I'm sorry. I don't know what the problem is. I know when I click on the Motion button and the content fades in it isn't positioned properly....I don't know if that has anything to do with the problem of other content not fading in at all. The page doesn't validate, either, which could be screwing something up somewhere else. But I suck at debugging, I'm sorry!
    Semantic, Valid, and Accessible Design!



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:59 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com