javascript - 分享/点赞后在Twitter/Facebook/Instagram上显示<div>

Question

我找到了很多地方来解释如何使用CSS和javascript显示/隐藏div内容，但这并不是我想要的。

我正在尝试获取我的网站www.gadgetster.ca，以向在5个社交媒体网站中的3个网站上共享/喜欢该网站的用户提供唯一生成的促销代码。

例如，如果您单击facebook，twitter和instagram，然后按照/喜欢它们，则会弹出一个窗口询问您的电子邮件，在电子邮件中它将发送促销代码（我将手动发送给自己）。希望有道理...

任何帮助表示赞赏！

Answer 1

使用Java脚本跟踪用户到目前为止的点击次数，然后如果他们单击3，则显示促销div？在不提供任何代码的情况下，我所能做的就是提供一个可能不是您想要的模型……

JSfiddle：http://jsfiddle.net/bkw3L/1/

HTML，

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

Javascript

  // 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();   
            }
        }
    });   
});