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

我想得到右下角的共享链接。

我试过很多次只使用CSS，但我不知道javascript/jquery，所以实际上我做不了那么多

提前谢谢你

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

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

然后单击共享按钮，将其定位到0px

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

---

提问前请先阅读。你能解释清楚你想要什么吗？我想得到一种社交列表，在点击它后，它必须水平地出现在右下角的共享按钮旁边，就像上面提到的网站一样谢谢你！如何将社交按钮放置在共享按钮的左侧？更改css right属性的值。$。share-cont.animate{'right'：'50px'}，'slow'；我可以为你工作。

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