Javascript 使用html中的链接调用JS函数

我想把我的div设计成，如果我叫注册，注册隐藏，反之亦然。我已经编写了这个JS代码，但是我无法调用这些函数来应用上述场景。碰巧，两个div同时出现在窗口上，这是不可取的。我应该怎么做，以便每当我按下“登录”链接时，注册div都会隐藏，同样，当我单击“创建新帐户”时，登录div也会隐藏

$document.readyfunction{ $signIn.clickfunction{ $.signUpHide.hide600； $.signshow.show600； $this.hide； $signUp.show； }; }; $document.readyfunction{ $signUp.clickfunction{ $.signInHide.hide600； $.signUpShow.show600； $this.hide； $signIn.show； }; }; 身体{ 高度：100vh； 宽度：208vh； } .左面板{ 背景色：660033； 宽度：70%； 身高：100%； 浮动：左； 位置：绝对位置； } .右面板{ 背景色：白色； 宽度：30%； 身高：100%； 浮动：对； } .signInClass{} .signInHide{} 记在你的帐上 此页面受reCAPTCHA保护，并受谷歌隐私政策和服务条款的约束。 我同意这些条款和条件 注册 此页面受reCAPTCHA保护，并受谷歌隐私政策和服务条款的约束。 我同意Dropbox条款 登录

---

首先，代码可以重构为单个document.ready，您可以使用来显示/隐藏元素。其次，id的用法需要固定为id=SignIn而不是href=SignIn

$document.readyfunction{ $signIn，signUp.clickfunction{ $.sign、.signUp.toggle； }; }; 高度：100vh； 宽度：208vh； } .左面板{ 背景色：660033； 宽度：70%； 身高：100%； 浮动：左； 位置：绝对位置； } .右面板{ 背景色：白色； 宽度：30%； 身高：100%； 浮动：对； } .signInClass{} .signInHide{} 记在你的帐上 此页面受reCAPTCHA保护，并受谷歌隐私政策和服务条款的约束。 我同意这些条款和条件 注册 此页面受reCAPTCHA保护，并受谷歌隐私政策和服务条款的约束。 我同意Dropbox条款 登录

---

首先，代码可以重构为单个document.ready，您可以使用来显示/隐藏元素。其次，id的用法需要固定为id=SignIn而不是href=SignIn

$document.readyfunction{ $signIn，signUp.clickfunction{ $.sign、.signUp.toggle； }; }; 高度：100vh； 宽度：208vh； } .左面板{ 背景色：660033； 宽度：70%； 身高：100%； 浮动：左； 位置：绝对位置； } .右面板{ 背景色：白色； 宽度：30%； 身高：100%； 浮动：对； } .signInClass{} .signInHide{} 记在你的帐上 此页面受reCAPTCHA保护，并受谷歌隐私政策和服务条款的约束。 我同意这些条款和条件 注册 此页面受reCAPTCHA保护，并受谷歌隐私政策和服务条款的约束。 我同意Dropbox条款 登录

---

不确定是谁否决了这一点，因为这个答案运行得非常好，但也许您应该进一步解释它的工作原理。$.sign、.signUp.toggle@Upsidown先生是的，那是；那就更好了，谢谢。编辑实际上我使用name=SignIn和href=SignIn属性在页面内进行链接。虽然这里的代码运行得很好，但我仍然无法很好地运行它。好的是，现在只显示sign-in div。糟糕的是，当我点击CreateNewAccount时，什么都没有发生。只是卡在那里了。我遗漏了什么？不确定是谁否决了这个答案，因为这个答案运行得非常好，但也许您应该进一步解释它的工作原理。$.sign、.signUp.toggle@Upsidown先生是的，那是；那就更好了，谢谢。编辑实际上我使用name=SignIn和href=SignIn属性在页面内进行链接。虽然这里的代码运行得很好，但我仍然无法很好地运行它。好的是，现在只显示sign-in div。糟糕的是，当我点击CreateNewAccount时，什么都没有发生。只是卡在那里了。我错过了什么？