jQuery在指向链接时应显示默认隐藏的div

Question

我有一个页面，其中有几个div默认隐藏。我希望能够指向用户的链接，它将显示div。

交货。https://app.emailsmsmarketing.com/login

用户可以点击"注册"，隐藏登录div，并显示注册div。我想要完成的基本上是添加一个链接到主站点，用户将能够访问默认的注册表单(仅使用jQuery)。

交货。https://app.emailsmsmarketing.com/login !寄存器(或类似的东西)

基本上我要问的是:

a)这是可能的
B)如果有，怎么做?

我不确定这对任何人是否有意义。非常感谢您的帮助。

Answer 1

您可以在ready事件期间检查document.location属性:

$(document).ready(function() {
  if (document.location.indexOf('#login') > -1)
    $("#login").show();
});

Answer 2

你可能在寻找这个:基于锚点的URL导航与jQuery

var myUrl = document.location.toString();
if (myUrl.match('#')) { // the URL contains an anchor
  var myAnchor = '#' + myUrl.split('#')[1];
  $('#login').hide();
  $('#register').show();
}

Answer 3

当然，只要在你的链接上设置一个class或id之类的东西，就像这样:

<a href="#" class="register"> Register! </a>

然后在jQuery中执行

$("a.register").click(function() { 
    $("#logindiv").hide()
    $("#registerdiv").show();
    return false; // prevents the default behavior of the link, ie following it
});

其中registerdiv是隐藏div的ID等