.show(）不会改变效果或方向

我有一些div正在使用JQuery .show()和.hide()函数，但我无法更改效果/方向。

HTML

<li><a class="link" name="box1">HOME</a></li>
<li><a class="link" name="box2">ABOUT ME</a></li>
<div id="box1">
  SOME CONTENT
</div>
<div id="box1">
  SOME CONTENT
</div>

JavaScript

$(".link").click(function(){
    $('.container').hide();
    $('#'+$(this).attr('name')).show();   
});

简单地使用.show()和.hide()似乎是可行的。.show('slide')也起作用。然而.show('fold')或.show('blind')没有。也不会尝试更改动画的方向/速度。例如：

$(".link").click(function(){
    $('.container').hide('slide', {direction:'up'}, 1000);
    $('#'+$(this).attr('name')).show('slide', {direction: 'up'}, 1000);   
});

重要的是，它首先显示div的底部，这就是我不使用.slideDown函数的原因。

尝试查看文档和在线教程，但找不到为什么它不起作用。