jQuery练习4京东商品详情页面（点击显示或者隐藏更多的分享图标）

视频

下标从下往上找的prevAll

//4. 点击显示或者隐藏更多的分享图标
function share() {
  var isClose = true
  $('#shareMore').click(function () {
    if (isClose) { //当前关闭==>打开
      $('#dd').width('200px') //宽度增加
      $('a').prevAll(':gt(3)').show()
      $(this).children('b').addClass('backword')
      isClose = false
    } else { //当前打开==>关闭
      $('#dd').width('155') //宽度增加
      $(this).prevAll(':lt(2)').hide()
      $(this).children('b').removeClass('backword')
      isClose = true
    }
  })
}