提交後打開/關閉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標籤

回答

相關問題