使用JavaScript显示隐藏的div-可以在JSFIDLE中使用，但不能在实时站点上使用

这段代码在JSFIDLE中运行良好，但我无法让它在实时站点上运行。我已经用WebDeveloper检查了JS文件的加载情况，一切似乎都很好。我在一篇文章中读到了关于加载jquery的内容，但我不知道如何加载，也不知道是否需要加载。希望有人能帮忙-谢谢

<script type="text/javascript" src="http://www.picassosparadise.com/templates/rt_cygnet/js/2step_2.js"></script>

<link rel="stylesheet" type="text/css" media="screen, projection" href="http://www.picassosparadise.com/templates/rt_cygnet/css/reg-form2.css"/>

<div style="margin:0px auto;">
<h2>Sign up for FREE and begin meeting new friends today</h2>
<!-- Make sure you update the URL -->
<form id="lbform" class="formlayout" action="http://app2.picassosparadise.com" method="post">
    <fieldset>

        <div id="mydiv1">
            <div id="mydiv-container1">
                <div id="mydiv-content1">
                    <div class="magic">
                        <input type="hidden" value="1" name="sexuality">
                    </div>

                    <div class="row cf">
                        <label>I'm a:</label>
                        <select class="gender" name="gender">
                            <option>Please select</option>
                            <option value="1">man looking for a woman</option>
                            <option value="2">woman looking for a man</option>
                        </select>
                    </div>

                    <div class="row cf">
                        <label>First name:</label>
                        <input type="text" class="text blur" name="firstname">
                    </div>

                    <div class="row cf">
                        <label>D.O.B.:</label>
                        <select class="day" name="dobday">
                            <option value="">Day</option>
                            <option value="1">01</option>
                            <option value="2">02</option>
                            <option value="3">03</option>
                            <option value="4">04</option>
                            <option value="5">05</option>
                        </select>

                        <select class="month" name="dobmonth">
                            <option value="">Month</option>
                            <option value="1">January</option>
                            <option value="2">February</option>
                        </select>

                        <select class="year" name="dobyear">
                            <option value="">Year</option>
                            <option value="1993">1995</option>
                            <option value="1993">1994</option>
                            <option value="1993">1993</option>
                            <option value="1992">1992</option>
                            <option value="1991">1991</option>
                        </select>
                    </div>

                    <a href="#" onclick="show('mydiv2')">CONTINUE</a>
                </div>
            </div>
        </div>


                    <div id="mydiv2" style="display:none">
            <div id="mydiv-container2">
                <div id="mydiv-content2">
                    <div class="row cf">
                        <label for="email">Email:</label>
                        <input type="text" class="text blur" name="email" id="email">
                    </div>

                    <div class="row cf">
                        <label for="password">Password:</label>
                        <input type="password" value="" name="password" id="password">
                    </div>
                    <div class="row cf">
                        <button type="submit">JOIN FREE</button>
                    </div>
                    <div class="row cf">
                        <p class="note">By clicking 'Join Free' you are agreeing to our <a title="Terms of use" href="/help/terms.cfm">Terms of Use</a>.</p>
                    </div>
                </div>
            </div>
        </div>

    </fieldset>
    </form>
</div>

免费注册，今天就开始结识新朋友
我是一个：
请选择
找女人的男人
女人在找男人
名字：
离岸价：
白天
01
02
03
04
05
月
一月
二月
年
1995
1994
1993
1992
1991
电邮：
密码：
免费加入
单击“免费加入”即表示您同意我们的服务

在

文档中添加您的函数。就绪

函数如下：

$(document).ready(function(){
function show(target) {
    document.getElementById(target).style.display = 'block';
}

function hide(target) {
    document.getElementById(target).style.display = 'none';
}
});

还要加载jquery库：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

如果您的脚本不是纯javascript，请在脚本文件--code.jquery.com/jquery-1.11.1.min.js>之前将其放在头部。live站点是Joomla站点。我可以将您提到的脚本与其他代码放在同一模块中吗？我使用的脚本是：函数show（target）{document.getElementById（target）.style.display='block'；}函数隐藏（目标）{document.getElementById（目标）.style.display='none'；}通常，你不能使用JS.Rob向外部域发布帖子，这不是不起作用的部分。这是我正在努力使用的show/hide div函数。谢谢，尝试了最后2次编辑，但仍然不起作用。在W3S Tryit编辑器上使用切换函数作为我尝试实现的另一种方式，我可以获得合作de可以在那里工作，但不能在JSFIDLE上工作！基本上，它没有运行脚本。我做错了什么？它没有运行哪个脚本？