$(function(){
$("#img1").click(function(){
//关闭id=left的div
$("#left").hide()
//显示id=left的div
$("#left").show()
//换id=img1图片的内容
$("#img1").attr("src",imgPath)/*这里的imgPath是你所要更换图片的路径*/
})
}
1:需要获取左侧导航栏对象。2:绑定事件
3:css中的显示隐藏有:
3.1:display:block显示
3.2:display:none隐藏
3.3:opacity:1;显示
3.4:opacity::0;隐藏,但元素不会彻底消失只是透明度为0,还是会占据空间。会触发事件。
3.5:visibility:visible显示
3.6:visibility:hidden隐藏,元素不会彻底消失。还会占据空间。
3.7:css3中有transform:scale(1)显示。2D缩放转换
3.8:transform:scale(0)隐藏,2D缩放转换
4:对以上回答如有疑问请指正或者追问。
5:望采纳!