Javascript 显示<；部门>；在twitter/facebook/instagram上分享/喜欢之后

我发现很多地方解释了如何使用css和javascript显示/隐藏div内容，但这并不是我想要的

我正试图让我的网站www.gadgetster.ca向五分之三的社交媒体网站上分享/喜欢该网站的用户发送一个生成独特的促销代码

例如，如果你点击facebook、twitter和instagram并关注/喜欢它们，就会出现一个弹出窗口询问你的电子邮件，在电子邮件中它会发送促销代码（我会自己手动发送）。希望这有意义

---

感谢您的帮助

使用Javascript跟踪用户迄今为止的点击次数，然后如果他们点击了3，是否显示促销div？在不给我们任何代码的情况下，我所能做的就是提供一个模型，它可能是你想要的，也可能不是你想要的

JSfiddle：

HTML

---

你需要有人从头开始写你需要的所有代码吗？或者你已经有代码了吗？对不起，这对我来说没有意义。你到底是什么意思？请详细说明。这正是我想要的！但是有一个问题，我正在使用twitter和facebook生成的按钮代码，所以它不仅仅是一个10行javascript代码。。另外，我该如何做，而不是仅仅在屏幕上显示促销代码，要求他们在中摸清他们的电子邮件，然后单击提交（以便它向我发送他们的电子邮件）。要让他们提交你的电子邮件地址，这将取决于你的服务器设置。。。可以使用常规标记，也可以使用ajax提交。

<div id="promo" style="display: none"> Your promo code is ___ </div>

<a href="#" class="likeButton"> Like on Facebook  </a>
<a href="#"  class="likeButton"> Like on Twitter  </a>
<a href="#"  class="likeButton"> Like on Flicker  </a>
<a href="#"  class="likeButton"> Like on Google+  </a>
<a href="#"  class="likeButton"> Like on Foobar  </a>

  // Keep track of which links the user clicked
var clickedLinks = [];

$(document).ready(function() {
    $(".likeButton").click(function(e) {
        var clickedLink = e.currentTarget.innerText;

        // If they haven't clicked this link before, add it to array
        if (clickedLinks.indexOf(clickedLink) == -1) {
            clickedLinks.push(clickedLink);

            // If they've clicked 3, show the div
            if (clickedLinks.length == 3) {
                $("#promo").show();   
            }
        }
    });   
});