הצגת קופסת אהבתי בלחיצת כפתור

תיאור:

סניפט / הדגמה נחמדה מאוד שעוזרת להציג קופסת אוהדים של פייסבוק בצורה מקורית ומדליקה. פשוט לוחצים על התמונה ומופיעה קופסת אוהדים של הדף שלנו בפייסבוק (פרגנו עם LIKE אם אהבתם)

first קוד:

$('div#buttonDiv').click(function() {
    $('div#myLikeBox').slideToggle();
});

second קוד:

<div class="container">
    <div id="buttonDiv">
<img src="http://farm6.staticflickr.com/5524/9215736042_4361cb091a.jpg" atl="Share the love">
</div>
<div id="myLikeBox" class="dnone">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2F%D7%A9%D7%92%D7%99%D7%91-%D7%A7%D7%99%D7%93%D7%95%D7%9D-%D7%90%D7%AA%D7%A8%D7%99%D7%9D%2F367441549333&width=350&height=290&show_faces=true&colorscheme=light&stream=false&show_border=true&header=true&appId=496531247081941" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:290px;" allowTransparency="true"></iframe>
</div>
</div>

third קוד:

.dnone {display: none;}
.container {width: 350px; margin: 0 auto;}
#buttonDiv {margin-left: 10px; margin: 0px;}
#myLikeBox {margin-top: -10px;}

סניפטים דומים: