jQuery练习4京东商品详情页面（地址显示隐藏和切换/点击切换地址tab）

视频

地址显示隐藏和切换

点击切换地址tab

//5. 鼠标移入移出切换地址的显示隐藏
function address() {
  $('#store_select').hover(function () {
    $('#store_content, #store_close').show()
  }, function () {
    $('#store_content, #store_close').hide()
  })

  //点击叉隐藏
  $('#store_close').click(function () {
    $('#store_content, #store_close').hide()
  })

  // 6. 点击切换地址tab
  $('#store_tabs>li').click(function () {
    $(this).siblings().removeClass('hover')
    $(this).addClass('hover')
  })
}