jQuery_分享扩展

最新推荐文章于 2022-06-29 17:51:29 发布

转载最新推荐文章于 2022-06-29 17:51:29 发布 · 83 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yangHS/p/10906857.html

该博客主要介绍了jQuery分享扩展，可通过点击来显示或隐藏更多的分享图标，内容转载自https://www.cnblogs.com/yangHS/p/10906857.html 。

jQuery_分享扩展

点击显示或着隐藏更多的分享图标

function share() {
    var isOpen = false //标识当前的状态（初始为关闭）
    var $shareMore = $('#shareMore')
    var $parent = $shareMore.parent()
    var $as = $shareMore.prevAll('a:lt(2)')
    var $b = $shareMore.children()
    
    $shareMore.click(function () {
        if (isOpen){//去关闭
            isOpen = false
            $parent.css('width',155)
            $as.hide()
            $b.removeClass('backword')
        } else {//去打开
            isOpen = true
            $parent.css('width',200)
            $as.show()
            $b.addClass('backword')
        }
    })
}

转载于:https://www.cnblogs.com/yangHS/p/10906857.html