提交后打开/关闭Div标签

我只是在学习Jquery，我正在尝试做一些我认为可能的事情，但我不确定。提交后打开/关闭Div标签

我有一个div标签，其中包含一个窗体，它的目标是一个iframe。当用户单击表单上的提交并加载了Iframe时，我想要隐藏包含表单的div标记，并且想要显示两个隐藏的div标记。

感谢您的帮助。

这里是div标签。我还发布了加载动画的div标签容器，同时iframe加载incase，这会有所帮助。

<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>

这是我使用加载动画的脚本：

<script> 
    $(document).ready(function() { 
    $('#iframe1').on('load', function() { 
    $('#loader1').hide(); 
}); 
}); 
// in ready() 
$('#form_710370').submit(function(){$('#loader1').show();return true;}); 
</script>

来源

2013-11-26 Michael Falciglia

的http：// API。 jquery.com/hide/和http://api.jquery.com/show/ –

UDB函数的解决方案？ –

建议： -使用了div不同的ID和form

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

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

来源

2013-11-26 18:47:19 UDB

嗨我试着在小提琴中，它似乎并没有工作。 [链接] http://jsfiddle.net/mikeef74/3j5mn/ [链接] –

我的意思是说，它隐藏了整个页面，而不是打开隐藏的div，你可以在小提琴中看到。 –

@MichaelFalciglia *建议No2： - *有很多错误，所以一个友好的建议 - 正确学习'HTML'并从'javascript'开始，然后转移到'jquery'基础知识（参考好书不仅仅是在线素材）.jsfiddle.net/UD_B/3j5mn/2。并学习使用jsfiddle和最后，** JSFIDDLE **不适用于服务器端脚本 – UDB

提交后打开/关闭Div标签

回答

相关问题