<script>
$(".ouvrir").click(function () {
$("#share").toggleClass("open");
});
$(".fermer").click(function () {
$("#share").toggleClass("open");
});
</script>
<div class="icoBoite ouvrir *quand on va ciquer sur cette div, le JS va aller chercher la classe .ouvrir et la faire apparaitre.">
<img class="icoShare " src="images/icon-share.svg" alt="">
<div id="share" *La div à ouvrir, mettre un id dessus*>
<div>
<h3>Share</h3>
<img src="images/icon-facebook.svg" alt=""><img src="images/icon-twitter.svg" alt=""><img src="images/icon-pinterest.svg" alt="">
</div>
<div id="triangle-code"></div>
</div>
</div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter