带有ID Bug的jQuery下拉菜单

Question

请查看http://www.projects.iasad.me/services.html

问题：当我尝试从另一个页面（即主页，关于，联系等）访问我们的服务下拉菜单时，下拉列表无法正常工作。示例：假设我想从主页访问我们的服务子菜单的企业咨询，但它将转到 固定收益交易子菜单我们的服务。为什么会这样？以下是代码：

$(function(){

      $(".dropdown-menu .menu2").click(function(){
       
         $("#corporate-advisory").show();
         $("#get-in-touch").css({
             'margin-top':'20%'
         });
         $("#fixed-income-trading").hide();
         $("#investment-management").hide();
     });  
    
     $(".dropdown-menu .menu3").click(function(){
           
         $("#investment-management").show();
         $("#get-in-touch").css({
             'margin-top':'20%'
         });
             
         $("#fixed-income-trading").hide();
         $("#corporate-advisory").hide();
     });  
  
     $(".dropdown-menu .menu1").click(function(){

         $("#fixed-income-trading").show();
         $("#corporate-advisory").hide();
         $("#investment-management").hide();
     }); 
    
});

请帮帮我。 问候。

Answer 1

如果此jQuery代码仅包含在服务页面上，则点击事件将仅在该页面上已触发;因此，为什么你总是被指向“固定收益交易”部分。

关于浏览器滚动;

<li><a  class="menu1 menu" href="services.html#fixed-income-trading">Fixed income</a></li>

链接的＃固定收益交易部分会将浏览器移动到ID为“固定收益交易”的页面的一部分。

但是，如果使用jQuery隐藏不需要的部分，则不需要这样做吗？