Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery隐藏显示登录和注册_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用jquery隐藏显示登录和注册

Javascript 使用jquery隐藏显示登录和注册,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的网页中显示隐藏模型有问题。 当我点击负责它的链接时,什么也没发生。 我想它的工作taht当我点击“注册”它会显示我注册表格,当我点击“登录”我会隐藏注册表格和显示登录表格。 下面是我写的代码。 HTML: 提前感谢您对我的问题感兴趣。e.target是一个触发事件的元素,.parent()方法返回它的父级,在我们的例子中,它的形式是,.sibles()方法返回元素的同级 $('.message a').click((e)=>{ $(e.target).parent().paren

我的网页中显示隐藏模型有问题。 当我点击负责它的链接时,什么也没发生。 我想它的工作taht当我点击“注册”它会显示我注册表格,当我点击“登录”我会隐藏注册表格和显示登录表格。 下面是我写的代码。 HTML:


提前感谢您对我的问题感兴趣。

e.target
是一个触发事件的元素,
.parent()
方法返回它的父级,在我们的例子中,它的形式是,
.sibles()
方法返回元素的同级

$('.message a').click((e)=>{
   $(e.target).parent().parent().hide();
   $(e.target).parent().parent().siblings().show()
})

如果您想添加淡入淡出效果来隐藏/显示方法,请向其添加“传递时间”(ms)参数<代码>隐藏(1000)/show(2000)

您希望窗体动画化/淡出还是隐藏/显示?很抱歉,它仍然无法工作。我可以添加我正在使用的教程:。到目前为止,一切都是一样的。你的脚本和我的脚本都在给定的页面上工作。为什么它们不能在我的电脑上正常工作?您是否在登录表单中添加了
style=“display:none”
?是的,我这样做了。我想是因为脚本与html文件位于同一文件夹中。以及我使用
部分中的
添加的脚本。
   $('.message a').click(function(){
   $('form').animate({height: "toggle", opacity: "toggle"}, "slow");
   });
$('.message a').click((e)=>{
   $(e.target).parent().parent().hide();
   $(e.target).parent().parent().siblings().show()
})