如何隐藏和提交jpgs后提交mailchimp

Question

我真的是一个编程的新手，我一直在学习自己的HTML和Javascript在今年夏天的书籍，论坛和朋友的信息。

所以我有这个项目，我发布10月1日，我努力试图隐藏和显示一些jpgs。

我的目的是在HTML的末尾有这个Mailchimp订阅框，我说'如果你订阅这个Webcomic，你会看到下一章的第一页'。所以当有人提交他的电子邮件jpg显示。

这是mailchimp代码。

<div id="mc_embed_signup"> 
<form action="//romanbk.us14.list-manage.com/subscribe/post?u=e398c205a943a35571238434b&amp;id=10e55b870c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
    <div id="mc_embed_signup_scroll"> 
    <label for="mce-EMAIL" style="color:white">Subscribe to this Webcomic</label> 
    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_e398c205a943a35571238434b_10e55b870c" tabindex="-1" value=""></div> 
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> 
    </div> 
</form> 
</div> 

而这些是我试图隐藏和显示的jpgs。他们已经隐藏起来了，但是如何展示他们呢？

<div id="Chapter2" class="chapter2" style="vertical-align:middle; text-align: center; display: none"> 
    <img src="Pages/Cover.jpg" > 
    <img src="Pages/Page2-1.jpg"> 
</div> 

我一直在努力，我已经在这个论坛上发现，但没有一个为我工作或者我还没有懂得他们是如何工作的一些JavaScript代码。有什么办法可以做我想做的事吗？我确定必须有一个代码，但仍然很难实现。谢谢你的时间。

Answer 1

尝试使用JQuery：

$("form").on("submit", function(event) { 
    $("#Chapter2").show(); 
}); 

JSBIN演示在这里：https://jsbin.com/lageqeguju/edit?html,console,output