如果url变量存在则隐藏一个DIV并显示另一个

Question

如果网址中出现单词：email，我想隐藏<div id="sociallocker">。并显示<div id="emaillocker"> if it does appear.

我尝试过以下但没有运气：

<script type="text/javascript">
    $(function () {
        if (window.location.href.indexOf("email") != -1) {
            $("#sociallocker").hide();
        }
    });
</script>

HTML

<div id="sociallocker">
    [sociallocker id="1505"] [/sociallocker]
</div>

<div id="emaillocker">[emaillocker] [/emaillocker]
</div>

我正在使用JQuery＆amp;运行Wordpress Genesis框架上的Bootstrap。不确定我是否需要在JQuery中添加任何其他内容才能触发它？

实时测试：https://www.moneynest.co.uk/test-page-for-stack/

萨姆

Answer 1

if(document.location.href.indexOf("email") >= 0) {
// do your thing
}

Answer 2

我认为这应该可以解决你的问题

if (window.location.href.indexOf("email") != -1) {
    $("#sociallocker").hide();
    $("#emaillocker").show();
} else {
    $("#sociallocker").show();
    $("#emaillocker").hide();
}