Javascript 在新选项卡中打开链接-让JQuery加载同一div中的内容

我有一段代码，它将我的内容加载到同一个div中，当我点击菜单时，不同部分的内容淡入淡出。但我不能使用任何指向其他网站的链接。当我点击我制作的链接时，它会清除其内容的div，而不会打开链接

有解决办法吗？ 我还尝试添加一个目标属性，但它不起作用

这里是JQuery和HTML部分

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  document.documentElement.className += " js";   
  $(function(){
    var $containers = $("#animators > div").hide();
    $containers.eq(0).show();

    $('a').each(function(i,el){
      var idx = i;
      $(this).click(function(e){
        var $target = $containers.filter(':eq(' + idx + ')');
        if($containers.filter(':visible').not($target).length){
          $containers.filter(':visible').fadeOut(400, function(){
            $target.not(':visible').fadeIn(400);
          });
        } else {
          $target.not(':visible').fadeIn(400);
        }

        e.preventDefault();
      })
    })
  });
</script>




<div id="animators">
    <div class="container">
    <p><a class="content" href="http://www.google.com" title="Google>Google</a></p>
Text and content here #1
    </div>
    <div class="container">
Text and content here #2
    </div>
</div>

document.documentElement.className+=“js”；
$（函数（）{
var$containers=$（“#animators>div”）.hide（）；
$containers.eq（0.show（）；
$（'a'）。每个（函数（i，el）{
var idx=i；
$（此）。单击（函数（e）{
var$target=$containers.filter（':eq（'+idx+'））；
if（$containers.filter（':visible'）。not（$target.length）{
$containers.filter（“：visible”）.fadeOut（400，function（）{
$target.not（“：visible”）.fadeIn（400）；
});
}否则{
$target.not（“：visible”）.fadeIn（400）；
}
e、 预防默认值（）；
})
})
});

此处的文本和内容#1
此处的文本和内容#2

您有

e.preventDefault（），这意味着它阻止了
标记打开链接的默认行为。
如果出于某种原因需要此预防，请使用
document.location=link
或
window.open（）
函数打开新选项卡