Question

同一网页中，两个JS冲突

第一个：
<script type="text/javascript">
$(function () {
var idx = 3;
$("#menu ul li").each(function () {
if ($("#menu ul li").index(this) == idx) {
$(this).removeClass().addClass("hover");
} else {
$(this).removeClass();
}
});
$("#menu ul li").each(function () {
$(this).hover(function () {
$("#menu ul li").removeClass();
var index = $("#menu ul li").index(this);
$("#sMenu ul").each(function () {
var indexs = $("#sMenu ul").index(this);
if (index == indexs) {
$(this).show();
}
else {
$(this).hide();
}
});
$(this).removeClass().addClass("hover");
});
});
$("#sMenu ul").each(function () {
if ($("#sMenu ul").index(this) == idx) {
$(this).show();
} else {
$(this).hide();
}
//$(this).hide();
//$(".home").show();
});
$("#nav ul h3").each(function () {
$(this).hover(function () {
$(this).removeClass().addClass("hov");
},
function () {
$(this).removeClass();
});
});
});
</script>

第二个：
<script type="text/javascript">
function $(id){return document.getElementById(id)}
window.onload = function(){
$("nav").onclick = function(e){
var src = e?e.target:event.srcElement;
if(src.tagName == "H3"){
var next = src.nextElementSibling || src.nextSibling;
next.style.display = (next.style.display =="block")?"none":"block";
}
}
}
</script>
求大侠帮忙！谢谢了

Answer 1

　　冲突的原因：第一个中$被定义为jquery的对象了，而你第二个中有再次定义这样的全局变量，变量冲突了，解决的方法有两个：
　　第一种，把你的第二个改成(推荐方法)：
　　<script type="text/javascript">

　　$(function () {
　　$("#nav").next().click(function(){
　　 $(this).toggle();
　　});
　　});
　　</script>

　　第二种，把你的第二个改成(不推荐)：

　　<script type="text/javascript">
　　function $$(id){return document.getElementById(id)}//注意改成$$
　　window.onload = function(){
　　 $$("nav").onclick = function(e){
　　 var src = e?e.target:event.srcElement;
　　 if(src.tagName == "H3"){
　　 var next = src.nextElementSibling || src.nextSibling;
　　 next.style.display = (next.style.display =="block")?"none":"block";
　　 }
　　 }
　　}
　　</script>
　　有什么不明白的可以继续追问我。