Add Show / Hide Comments Button

Please put this code on file "bp-custom.php" file in folder "wp-content/plugins". If you don't have it yet, please create a new one.

<?php
add_action( 'wp_footer', 'add_comment_hide_show' );
function add_comment_hide_show() {
    ?>
    <style>
        .activity-comments ul li[id^="acomment-"]{display: none;}
    </style>
    <script type="text/javascript">
        jQuery(function($) {
            setInterval(function() {
                $('.activity-meta').each(function() {
                    if( !$(this).find('.show-comments').length ){
                        var html = '<a href="#" class="button bp-primary-action show-comments">Show/Hide Comments</a>';
                        $(this).find('.button.acomment-reply').after(html);
                    }
                });
            }, 500);
            $('body').on('click', '.show-comments', function(e) {
                e.preventDefault();
                var obj = $(this).closest('.activity-content').next('.activity-comments').find('ul li[id^="acomment-"]');
                obj.slideToggle();
                return false;
            });
        });
    </script>
    <?php
}