hide / show不能与jQuery地址结合使用

Question

我有问题。我正在尝试将jQuery地址http://www.asual.com/jquery/address/集成到我的网站中。作为测试，我创建了一个测试网站http://electricchapel.net/ecad/。它有效，但我有一个问题：

我使用hide();来隐藏内容，并在加载内容后使用show();来显示内容。然而它滑动/淡出并且滑动/淡入。我不明白。它不应该只是隐藏和显示？我该如何解决这个问题？

Answer 1

看起来您的相关代码是：

$('#content').hide(function() {
    $(this).html($('#content', data).html()).show(); 
});

如果您使用没有参数的.hide()，那么它会立即隐藏您的内容。

如果你使用.hide()和你拥有的参数一样，那么它就变成了一个动画，它会为未指定的动画参数选择默认值，从而导致你看到的动画类型。这是一个通用示例，显示：http://jsfiddle.net/jfriend00/LXcDp/。

如果您想立即隐藏/显示，可以将代码更改为：

$('#content').hide();
$('#content').html($('#content', data).html()).show(); 

Answer 2

似乎插件可能会覆盖隐藏和显示功能。尝试通过添加和删除类

来隐藏和显示

// hide element
    $('#yourElement').addClass('hidden');

// show element
    $('#yourElement').removeClass('hidden');

和css：

.hidden{
   display:none;
}