我想用js继续显示社交图标

时间:2015-03-05 11:15:46

标签: javascript jquery slidedown slideup

当我点击它显示社交图标时,我有按钮的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;
    });



$('#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;
		});




        $('#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;
    });`

1 个答案:

答案 0 :(得分:0)

希望使用CSS或Javascript隐藏您的社交图标。

您必须找到隐藏的位置并使其可见。

否则,尝试评论所有这些功能,只需

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