Animuj potwory, ukryj i pokaż

Chciałbym mieć dwie rzeczy na raz, gdy klikam link. Powoli przechodzę przez dokumentację Jquery, ale jeszcze nie dowiedziałem się, czego potrzebuję.

Oto link do mojegoteren

Po kliknięciu łącza usług chciałbym, aby div #slideshow się ukrył i nowego div, aby go zastąpić.

Próbowałem animować pokaz slajdów po kliknięciu linku usług, ale albo zrobiłby animowaną funkcję, albo przejdź do połączonej strony html, a nie obu. Jak mógłbym osiągnąć oba.

Nie ma znaczenia, czy po prostu ukryję i pokażę divy na tej samej stronie, czy przejdę do nowej strony html. Po prostu chcę mieć animowaną funkcję i zmieniać zawartość podczas ukrywania.

to jest kod jquery, którego używam

<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>

Dom i usługi to dwa łącza, a gdy kliknęłbym, chciałbym usług, aby ukryć div #slideshow i pokazać div pokaz slajdów, który byłby ukryty, a następnie zastąpić pierwszy.

jest sporo html, więc może być łatwiej przeglądać moje źródło z linku.

questionAnswers(1)

yourAnswerToTheQuestion