Jquery help needed
<pre><code>$(".bottomnavinvest").stop().animate({'bottom' : '40px'} , 800,'easeInBounce' ,  
function(){                    
$(".bottomnavinvest").hide();                         
});
}

$(".demolink").click(function(){

if ($(".bottomnavinvest").is(':visible'));
{
bottomnavinvestout();
}
$("#contentinner").children().fadeOut(1000, function(){
$('#demoreel').fadeIn(1000, function(){
bottomnavdemoin();
      });
           });
return false
});

$(".investlink").click(function(){

if ($(".bottomnavdemo").is(':visible'));
{
bottomnavdemoout();           
};
$("#contentinner").children().fadeOut(1000, function(){
$('#investment').fadeIn(1000, function(){
bottomnavinvestin();
        });
                 });
return false
    });
</code></pre>

<p>The demo in and demo out functions are the same as the invest in and invest out functions, </p>

<p>I am trying to bounce a secondary nav bar up then hide it, fadeout then in new content, then bounce down a different navbar on appropriate button clicks</p>

<p>It is fading out, then in the new content only to fade that out then in again. </p>

<p>Can anyone tell me what I am doing wrong or how i can improve on what I am doing?</p>

<p>Cheers
Ben </p>
