單擊鏈接后如何顯示水平列表？

Question

我想在右下角找到類似“共享”鏈接的內容。 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');
});