在jQuery上打开新页面单击+停止显示/隐藏

Question

我有一个菜单用于显示/隐藏内容。很好用，但是当用户点击第一个链接时，我想重新加载整个页面，而不是执行显示/隐藏功能。对于其他菜单项，我想保持显示/隐藏。

这里是我的代码：

jQuery的

$(document).ready(function() { 

    $('#nav li a').first().addClass('blue'); 

    $('#nav li a').click(function(){ 

    $('#nav li a').first().removeClass('blue'); 
    $('#nav li a').removeClass('blue'); 
    $(this).addClass('blue'); 

    var toLoad = $(this).attr('href')+'#content'; 
    $('#content').hide(0,loadContent); 
    $('#load').remove(); 
    $('#wrapper').append('<span id="load">LOADING...</span>'); 
    $('#load').fadeIn('normal'); 
    //window.location.hash = //$(this).attr('href').substr(0,$(this).attr('href').length-0); 
    function loadContent() { 
     $('#conent').load(toLoad,'',showNewContent()) 
    } 
    function showNewContent() { 
     $('#content').show(0,hideLoader()); 
    } 
    function hideLoader() { 
     $('#load').fadeOut('normal'); 
    } 
    return false; 
    }); 
}); 

HTML

<div id="leftcol"> 

<div id="menu"> 
<ul id="nav"> 
<li><a href="/option1">Option 1</a></li><br /> 
<li><a href="/option2">Option 2</a></li><br /> 
<li><a href="/option3">Option 3</a></li><br /> 
</ul> 
</div> 
</div> 

<div id="content"> 
<div> 

Answer 1

在你$('#nav li a').click(function(){块，你要检查它是否在第一项列表，如果是，只需返回以刷新页面：

$(document).ready(function() { 
    var $first = $('#nav li a').first(); 

    $first.addClass('blue');  
    $('#nav li a').click(function(){ 
     if (this == $first[0]) { 
      return true; 
     } 

     $first.removeClass('blue'); 
     ...