Javascript 使用jQuery显示/隐藏div？

首先，有许多问题与我的问题相似，但我还没有找到一个我能够使用的答案。我有一个页面，当你进入时显示一个登录表单。我也有一个登记表，我想隐藏。单击一下，我希望登录表单替换为注册表单

我已经尝试了我发现的这段代码，在一些帮助下，它可以工作，它有一个很好的平滑过渡，但它从一开始就显示了这两个元素

$（函数（）{
$（'a'）。单击（函数（）{
div=$（this.attr（'href'）；//grab#one，#two，它们对应于我们要定位的div id
段落=$（div）；//将每个div存储在一个变量中供以后使用
$（'#two'）.hide（）；
$（'div'）.hide（'grey-bg'）；//删除任何灰色背景
$（段落）.show（'grey-bg'）；//向单击的元素添加灰色背景
});
});
a{
文字装饰：无；
}
#一个{
利润率：10px；
填充：20px；
边框：1px实心#000；
}
#两个{
利润率：10px；
填充：20px；
边框：1px实心#000；
}
格雷先生{
背景色：#中交；
}



这是第一段。
这是第二段。
添加
显示：无在
#两个

#two {
  margin: 10px;
  padding: 20px;
  border: 1px solid #000;
  display:none;
}


$（函数（）{
$（'a'）。单击（函数（）{
div=$（this.attr（'href'）；//grab#one，#two，它们对应于我们要定位的div id
段落=$（div）；//将每个div存储在一个变量中供以后使用
$（'#two'）.hide（）；
$（'div'）.hide（'grey-bg'）；//删除任何灰色背景
$（段落）.show（'grey-bg'）；//向单击的元素添加灰色背景
});
});
a{
文字装饰：无；
}
#一个{
利润率：10px；
填充：20px；
边框：1px实心#000；
}
#两个{
利润率：10px；
填充：20px；
边框：1px实心#000；
显示：无；
}
格雷先生{
背景色：#中交；
}



这是第一段。
这是第二段。
添加
显示：无在
#两个

#two {
  margin: 10px;
  padding: 20px;
  border: 1px solid #000;
  display:none;
}


$（函数（）{
$（'a'）。单击（函数（）{
div=$（this.attr（'href'）；//grab#one，#two，它们对应于我们要定位的div id
段落=$（div）；//将每个div存储在一个变量中供以后使用
$（'#two'）.hide（）；
$（'div'）.hide（'grey-bg'）；//删除任何灰色背景
$（段落）.show（'grey-bg'）；//向单击的元素添加灰色背景
});
});
a{
文字装饰：无；
}
#一个{
利润率：10px；
填充：20px；
边框：1px实心#000；
}
#两个{
利润率：10px；
填充：20px；
边框：1px实心#000；
显示：无；
}
格雷先生{
背景色：#中交；
}



这是第一段。
这是第二段。
只需在页面加载时隐藏一个
div

您需要的是：

$(document).ready(function(){
    $("#two").hide();
});


我做了一个修改，我没有将
（document）.ready（）
部分放在其中，因为它在JSFIDLE中不是必需的

但是您可以将它添加到
$（“#two”）.hide（）上面如果你愿意。它也可以工作。
只需在页面加载时隐藏一个
div

您需要的是：

$(document).ready(function(){
    $("#two").hide();
});


我做了一个修改，我没有将
（document）.ready（）
部分放在其中，因为它在JSFIDLE中不是必需的

但是您可以将它添加到
$（“#two”）.hide（）上面如果你愿意。它也会起作用。
只需将
display:none
放在您要隐藏的加载项的CSS中，或其中任何一项的可能重复项…只需将
display:none
放在您要隐藏的加载项的CSS中，或其中任何一项的可能重复项。。。