Javascript下拉框

Question

我正在为一个网站创建一个注册页面，并在一个下拉框中编码，告诉用户为什么需要一个生日我们。由于某些原因，我的代码无法工作。

代码如下：

<script language="javascript" type="text/javascript">
function toggleSlideBox(x) {
        if ($('#'+x).is(":hidden")) {
            $('#'+x).slideDown(300);
        } else {
            $('#'+x).slideUp(300);
        }
}
</script>

下面是HTML代码：

<a href="#" class="mouseover" onclick="return false" onmousedown="javascript:toggleSlideBox('why');">why?</a>
          <div id="why" style="background-color:#E6F5FF; border:#999 1px solid; padding:12px; display:none; margin-top:8px;"> Sometime down the road we may offer content that is only suitable for people over 18. We require this information to check your age. <br />
            <br />
            We can also use this information to alert your friends to when your birthday is. </div>

Answer 1

您是否将脚本放在<a>位置的下方？如果没有，则需要确保在脚本开始之前加载了a标记。尝试将以下内容添加到脚本中：

<script language="javascript" type="text/javascript">
function toggleSlideBox(x) {

  $(document).ready(function(){      // ADD THIS

    if ($('#'+x).is(":hidden")) {
            $('#'+x).slideDown(300);
        } else {
            $('#'+x).slideUp(300);
        }
    }

  });                                // ADD THIS

</script>

还要确保在运行脚本之前已经包含了jQuery库...