为什么jquery“toggle”按钮触发表单上的提交按钮?

我已经构建了一个相当复杂的表单,其中包含一个隐藏的部分,用户可以切换到打开状态,以便在必要时输入更多信息。但是,当你点击这个标签为 我有更多的天性 ,它会触发提交按钮并提前提交表单。

表单现在在dev中,但可以找到它 here .

我用于切换按钮的代码是:

<script type="text/javascript">
    $(function() {
        $("#schedule").accordion({ header: "h5", collapsible: true });
        $("#more-nativities").hide();
        $("#toggle").click(function()   {
            $("#more-nativities").slideToggle("slow");
        });
    });
    </script>

提交按钮的代码非常基本:

<input id="submit2" type="image" src="_images/btn_register.jpg" name="submit"  alt="" onmouseover="javascript:this.src='_images/btn_register2.jpg'" onmouseout="javascript:this.src='_images/btn_register.jpg'"/>

切换按钮的代码为:

<button id="toggle">I have more nativities</button>

关于为什么切换按钮触发提交有什么想法吗?更重要的是,如何解决这个问题?

谢谢!