Share

<section>
    <ul class="vertical_menu">
        <li class="item">
            <div class="section_item">
                <div class="accordion sublinks" data-accordion data-allow-all-closed="true">
                    <div class="accordion-item" data-accordion-item>
                        <a href="#" class="accordion-title-custom">
                            <h2>Share</h2>
                        </a>
                        <div class="accordion-content" data-tab-content>
                            <div class="sublink">
                                <a class="facebook share-button" href="http://www.facebook.com/sharer.php?u=[page_url]" title="Facebook share" target="_blank">
                                    Facebook
                                </a>
                            </div>
                            <div class="sublink">
                                <a class="twitter share-button" href="http://twitter.com/share?url=[page_url]&amp;text=[page_title]" title="Twitter share" target="_blank">
                                    Twitter
                                </a>
                            </div>
                            <div class="sublink">
                                <a class="google_plus share-button" href="https://plus.google.com/share?url=[page_url]" title="Google Plus Share" target="_blank">
                                    Google+
                                </a>
                            </div>
                            <div class="sublink">
                                <a class="linkedin share-button" href="http://www.linkedin.com/shareArticle?mini=true&url=[page_url]&amp;title=[page_title]" title="LinkedIn Share" target="_blank">
                                    LinkedIn
                                </a>
                            </div>
                            <div class="sublink">
                                <a class="whatsapp share-button" href="whatsapp://send?text=[page_url]" title="Whatsapp Share">
                                    Whatsapp
                                </a>
                            </div>
                            <div class="sublink">
                                <a class="email share-button" href="mailto:?to=&subject=USI -[page_title]&body=Università della Svizzera italiana - [page_title]%0D%0A[page_url]" title="Email Share">
                                    Email
                                </a>
                            </div>

                            <div class="sublink">
                                <button id="copy_url_to_clipboard_button" onclick="copyURLtoClipboard();">
                                    <span id="to_copy">Copy url to clipboard</span><span id="copied" style="display: none">Copied!</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</section>
<script>
    function copyURLtoClipboard() {
        var $temp = $("<input>");
        $("body").append($temp);
        $temp.val(location.href).select();
        document.execCommand("copy");
        $temp.remove();
        $('button#copy_url_to_clipboard_button #to_copy').fadeOut(500).delay(2000).fadeIn(500);
        $('button#copy_url_to_clipboard_button #copied').delay(500).fadeIn(500).delay(1000).fadeOut(500);
    }
</script>