我按照老師的課程，為自己的網站部分添加了選項卡效果，但是很奇怪，不知道為什么添加了老師教的那部分代碼，確實選項卡效果生效了，但是我原來用jquery代碼做的一個切換效果為什么不行了，如果把老師的那部分js代碼不引用，jquery效果的代碼又有效了，不知道為什么，煩請老師解答，我把兩部分代碼粘貼如下：

老師那部分的代碼，我是放在外部的js文件在html眾引入的：

function $(id){
? return typeof id==='string'?document.getElementById(id):id;
}

window.onload=function(){
? // 標簽的索引

? var lis=$('all-tit').getElementsByTagName('li'),
????? divs=$('con').getElementsByClassName('all-content1');
?? if(lis.length!=divs.length)
?? return;
?? for(var i=0;i<lis.length;i++){
??? lis[i].id=i;
??? lis[i].onclick=function(){
??? for(var j=0;j<lis.length;j++){
????? divs[j].style.display='none';
??? }
??? divs[this.id].style.display='block';

??? }
?? }? ?

}

我之前用jquery寫的一個效果代碼，這個我是直接放在html底部的：

$(document).ready(function(){

$(".img1").click(function(){
? $(".middle img").attr("src","img/athome1.png");

});


$(".img2").click(function(){
? $(".middle img").attr("src","img/athome2.png");

});


$(".img3").click(function(){
? $(".middle img").attr("src","img/athome3.png");

});


$(".img4").click(function(){
? $(".middle img").attr("src","img/athome4.png");

});


$(".img5").click(function(){
? $(".middle img").attr("src","img/athome5.png");

});


});