传递一个变量来触发隐藏/显示面板

Question

我有一个从列表项锚点触发的面板隐藏/显示设置。很棒。问题是，我还在站点导航中有一个下拉菜单，也需要从站点上的任何页面触发每个面板。就像说的那样，我在产品页面上有面板（按此顺序），“硬件”，“软件”，“附件”。因此，当我在关于页面上，点击“软件”时，预期的结果是将我带到产品页面并打开“软件”面板。下面是我对面板jQuery脚本：

$("ul#product-type li a").click(function() { 
$("ul#product-type li").removeClass("selected"); 
$(this).parent().addClass("selected"); 
var currentTab = $(this).attr("href"); 
    $("div.panel").hide(); 
    $(currentTab).show(); 
return false; }); 

下拉导航标记：

<ul id="nav"> 
<li><a href="/products/#hardware"><span>Hardware</span></a></li> 
<li><a href="/products/#software"><span>Software</span></a></li> 
<li><a href="/products/#accessories"><span>accessories</span></a></li> 

我试着加入导航选择的点击功能，但不起作用。任何想法或建议将非常感激。

干杯， 瑞安

Answer 1

的href不是一个有效的选择，因为$("/products/#hardware")是行不通的。然而使用.hash属性是完美的，因为你会得到$("#hardware")。像这样使用它：

$("ul#product-type li a").click(function() { 
    $("ul#product-type li").removeClass("selected"); 
    $(this).parent().addClass("selected"); 
    $("div.panel").hide(); 
    $(this.hash).show(); 
    return false; 
});