How can I show an horizontal list after clicking a link?

I'd like to get something like the "share" link in the lower right corner.

I tried many times using CSS only but I don't know javascript/jquery so I can't do so much actually.

Thank you in advance!

Answers 1

  • <a href="#" class="share"> Share </a>
    <div class="share-cont">
      <!--List of social media buttons here-->

    Initially hide the whole row by giving

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

    Then on click of share button, position it to 0px

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

Related Articles