试图学习JQuery，坚持2个问题

Question

正如我所说，我正在尝试学习jQuery，似乎无法解决我遇到的两个问题。该页面位于：http://www.illism.com/Manny/03

1. 当有人点击“休息室”或“餐厅”链接时，我希望页面滚动而不只是“跳转”到该部分。我尝试过并尝试过，但没有用...

2. 当用户点击“mainnav”hrefs时，我想出了如何让隐藏的“部分”或“页面”（实际上只是div）显示在页面的resturant一​​侧：

   $(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”，一个在“#restaurant”div中，另一个在“#lounge”div中。如何编辑脚本以使用它们？