单击链接后如何显示水平列表？

Question

我希望得到像＆＃34;分享＆＃34;链接在右下角。 https://www.celine.com/en

我尝试过多次使用CSS，但我不知道javascript / jquery所以我实际上做不了多少。

提前谢谢！

Answer 1

<a href="#" class="share"> Share </a>

<div class="share-cont">
  <!--List of social media buttons here-->
</div>

最初通过提供

来隐藏整行

.share-cont {
  position: absolute;
  right: -300px;
}

然后点击分享按钮，将其定位为0px

$('.share').on('click', function() {
  $(".share-cont").animate({'right': '0px'}, 'slow');
});