Javascript 提交后打开/关闭Div标签

我只是在学习Jquery，我正在尝试做一些我认为可能的事情，但我不确定

我有一个div标记，它包含一个表单，它的目标是一个Iframe。当用户在表单上单击submit并加载Iframe时，我想隐藏包含表单的div标记，并显示两个隐藏的div标记

谢谢你的帮助

这是div标签。我还发布了div标记容器，它在Iframe加载时加载一个动画，这样会很有帮助

<div id="form" style="visibility:visible">
    <form id="form" method="post" target="iframe1" convert.php">
        <input id="element_1" type="text" maxlength="255" value="http://"/> 
        <input id="saveForm" type="submit" name="submit" value="submit" />
    </form>
</div>

<div id="hidden1" style="visibility:hidden">
    <p>hidden content</p>
</div>

    <div id="hidden" style="visibility:hidden">
    <p>hidden content</p>
</div>


<div id="frameWrap">
    <img id="loader1" src="ajax_loader_blue_512.gif" alt="loading gif"/>  
      <iframe id="iframe1" name="iframe1" src="1.html"  onload="hideLoading()"> 
      </iframe>
</div>

建议：-对
div
和
表单使用不同的ID

$('#form').submit(function()

{
    $(this).parent().hide()
    $('#hidden1, #hidden').show()
})

UDB函数的解决方案呢？嗨，我试过了，但似乎不起作用。[链接]我的意思是，它隐藏了整个页面，而没有打开隐藏的div，正如你在小提琴中看到的那样。@MichaelAlciglia建议2:-有很多错误，所以这是一个友好的建议-正确地学习
HTML
，首先从
javascript
开始，然后转到
jquery
基础（参考好书而不仅仅是在线材料）.jsfiddle.net/UD_B/3j5mn/2。还要学习使用jsfiddle。最后，jsfiddle不用于服务器端脚本编写。我知道一个页面上不能有两个ID，我只是复制并粘贴了第一个div，忘记了更改ID。我非常了解HTML/CSS，对JS不太熟悉，但我的大多数开发人员朋友告诉我只学习jquery，这就是我正在尝试的要做。他们建议我在这里提问，我就是这样。
$('#form').submit(function()

{
    $(this).parent().hide()
    $('#hidden1, #hidden').show()
})