首页 > Web开发 > 详细

jQuery_分享扩展

时间:2019-05-22 17:38:06      阅读:76      评论:0      收藏:0      [点我收藏+]

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‘)
        }
    })
}

jQuery_分享扩展

原文:https://www.cnblogs.com/yangHS/p/10906857.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!