Javascript 我想用js继续展示社交图标

我有js脚本的按钮，当我点击它显示社会图标，当我点击回它的隐藏。但我想继续展示所有的社交图标。下面是我的js scipt.`//绑定社交按钮以显示/隐藏社交图标框

        $('#social-pop-out-trigger').click(function() {
        var $allBoxes = $('.footer-pop-out-box');
        if ($allBoxes.is(':animated')) {
            return false;
        }

        var $thisBox = $('.social-pop-out-box');
        if ($thisBox.is(':visible')) {
            $thisBox.slideUp();
        } else {
            if ($allBoxes.is(':visible')) {
                $allBoxes.filter(':visible').slideUp(function() {
                    $thisBox.slideDown();
                });
            } else {
                $thisBox.slideDown();
            }
        }

        return false;
    });

$（“#社交弹出触发器”）。单击（函数（）{
变量$allBoxes=$（'.footer弹出框'）；
如果（$allBoxes.is（':animated'））{
返回false；
}
变量$thisBox=$（'.social弹出框'）；
如果（$thisBox.is（':visible'））{
$thisBox.slideUp（）；
}否则{
如果（$allbox.is（':visible'））{
$allBoxes.filter（':visible'）.slideUp（函数（）{
$thisBox.slideDown（）；
});
}否则{
$thisBox.slideDown（）；
}
}
返回false；
});希望使用CSS或Javascript隐藏您的社交图标

你必须找到它隐藏的地方，让它可见

否则，请尝试注释所有这些函数，然后

$('.social-pop-out-box').show();

您可以将代码放入JSFIDLE并共享吗？