링크를 클릭 한 후 가로 목록을 표시하려면 어떻게해야합니까?

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> 

가 처음에 그런 공유 버튼 위치의 클릭에가 0 픽셀을

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

를 제공하여 전체 행을 숨기

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