jquery - JQuery を学習しようとして、2 つの問題で立ち往生

Question

私が言ったように、私はjQueryを学ぼうとしていますが、私が抱えている2つの問題を修正することはできません. ページはこちら: http://www.illism.com/Manny/03

1. 誰かが「ラウンジ」または「レストラン」のリンクをクリックすると、そのセクションに「ジャンプ」するだけでなく、ページをスクロールしたいと思います。何度も何度も試したけどダメだった…

2. ユーザーがこれを使用して「mainnav」hrefsをクリックしたときに、非表示の「セクション」または「ページ」（実際には単なるdiv）をページのレストラン側に表示する方法を見つけました：

   $(function(){
   function contentSwitcher(settings){
       var settings = {
          contentClass: '.content',
          navigationId: '#mainnav'
       };
       $(settings.contentClass).hide();
   
       $(settings.navigationId).find('a').click(function(e){
           var contentToShow = $(this).attr('href');
           contentToShow = $(contentToShow).fadeTo('slow',1.0);
   
           e.preventDefault();
   
           $(settings.contentClass).hide();
           contentToShow.show();
       });
   }
   contentSwitcher();
   });
   

私が抱えている問題は、技術的には 2 つの "#mainnav" と 2 セットの ".content" があり、1 つは "#restaurant" div に、もう 1 つは "#lounge" div にあることです。両方で動作するようにスクリプトを編集するにはどうすればよいですか?