jQuery Forum

the selection

1.  $("#php")

doesn't exist, there is no id="php" in your script

Sorry about that I forgot to include the entire relevant code:

1. <div class="skills_content" id="logo_content">
               <div class="tech_logo_area" >
                   <a href="#"><img src="images/php.gif" class="tech_logo_mid" id="php"/></a>
                   <img src="images/logo_mysql.png" class="tech_logo_mid" id="mysql"/>
               </div>
           </div>
   

This appears right below:

1. <div class="website_title" ></div>

I was able to make some progress with this issue. FadeIn() wouldnt work, but show() and slideDown() would. Infact changing my code to this:

1. $('#php').click(function()
       {       
          
           $('#logo_content').fadeOut('fast');
               $('#skills_title').fadeOut('fast');
           $('#php_content').slideDown('fast'); // only altered line allowed the other fadeIn()'s to work
           $('#php_heading').fadeIn('fast');
           $('#back_heading').fadeIn('fast');
              
          
       });
   

I am not sure why this is, would this be a bug in jQuery? calling fadeOut() then directly after calling fadeIn() function doesnt work? I have experienced jQuery having a problem calling a simple fadeIn() for html content from other html content also called earlier with jQuery. Nobody could find a working solution, stumped everyone, I finally gave up on the effect. Long time ago though.


 

Can you post the code at jsfiddle.net and then provide the link? That way we can see what you are doing.

the original code had a 'fadIn' instead of 'fadeIn', which is the line you replaced. Don't know if it was just an error copy/pasting, but if not, that would explain how the following statements wouldn't run.

Verify that your fadeIn elements have a display:none; set in your css.