Youzify (formerly Youzer)

Add Show / Hide Comments Button

Put snippet code below into "bp-custom.php" file in folder "wp-content/plugins". If you dont have it, 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
}

/**
* Set Activity Comments Length.

 */
function yzc_set_activity_comments_length() {
?> <script type="text/javascript">window.yz_comments_length = 2;</script> <?php

}
add_action( 'wp_head' , 'yzc_set_activity_comments_length', 999 );