JQuery анимация скрыть и показать

Я хотел бы, чтобы две вещи происходили одновременно, когда я нажимаю на ссылку. Я медленно изучаю документацию Jquery, но мне еще предстоит узнать, что мне нужно.

Вот ссылка на мой сайт

Когда я нажимаю на ссылку сервисов, я хотел бы, #slideshow div #slideshow скрывался, и новый div заменял его.

Я пытался просто анимировать слайд-шоу при нажатии на ссылку служб, но он либо выполнял функцию анимации, либо переходил на связанную HTML-страницу, а не обе. Как бы я достиг обоих.

Не имеет значения, просто я прячу и показываю div на той же странице, или если я перехожу на новую html-страницу. Я просто хочу иметь функцию анимации и изменять содержимое, скрывая его.

это код JQuery я использую

$(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');
    }
  );
});

домой и услуги две ссылки, и я хотел услуги при нажатии, чтобы скрыть #slideshow div, и показать slideshow2 div, который будет скрыт, а затем заменить первый.

Есть достаточное количество HTML, поэтому может быть легче просмотреть мой источник по ссылке.

Ответ 1