Eu gostaria de ter duas coisas ao mesmo tempo quando clico em um link. Eu estou lentamente passando pela documentação do Jquery, mas ainda tenho que aprender o que preciso ainda.

Aqui está um link para o meulocal

Quando clico no link de serviços, gostaria que o #slideshow div se escondesse e um novo div para substituí-lo.

Eu tinha tentado apenas fazer o slideshow animar clicando no link services, mas ele faria a função animate ou acessaria a página html vinculada, não ambas. Como eu realizaria as duas coisas?

Não importa se eu apenas ocultar e mostrar divs na mesma página, ou se eu for para uma nova página html. Eu só quero ter a função animada e mudar o conteúdo enquanto escondo um.

este é o código jquery que estou usando

<code>$(document).ready(function(){   
  $("a.home").toggle(
    function(){
      $("#slideshow").animate({ height: 'hide', opacity: 'hide' }, 'slow');   
    },
    function(){
      $("#slideshow").animate({ height: 'show', opacity: 'show' }, 'slow');   
    }
  );
});

$(document).ready(function(){   
  $("a.services").toggle(
    function(){
      $("#slideshow2").animate({ height: 'show', opacity: 'show' }, 'slow');
    },
    function(){
      $("#slideshow2").animate({ height: 'hide', opacity: 'hide' }, 'slow');
    }
  );
});
</code>

home e services são os dois links, e eu gostaria que os serviços fossem clicados para esconder o #slideshow div, e mostrar o slideshow2 div, que seria oculto e depois substituir o primeiro.

Existe uma quantidade razoável de HTML, por isso, pode ser mais fácil visualizar a minha fonte a partir do link.