Question

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

所以我有这个项目，我将在10月1日发布，我正试图隐藏并展示一些jpgs。

我的目的是在HTML这个Mailchimp订阅框的末尾，我说“如果你订阅这个Webcomic，你将看到下一章的第一页＆＃39;。所以当有人提交他的电子邮件时，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

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

1 个答案: