Question

看不懂js点击div框出现下拉列表的代码，小弟初学，求大神帮忙

<SCRIPT language=javascript type=text/javascript>
function $(id){return document.getElementById(id)}

$("na").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

$("na").onclick = function(e){    // 给na这个元素绑定一个onclick事件
	var src = e?e.target:event.srcElement;    // 如果e存在，取该对象的源对象
	if(src.tagName == "H3"){    // 判断该对象的tag值是否是H3
		var next = src.nextElementSibling || src.nextSibling;    // 取这个对象的下一个元素节点
   		next.style.display = (next.style.display=="block")?"none":"block";    // 判断这个节点显示模式，如果是block，切换为none，如果是none，切换为block，这里block和none就是显示与不显示的意思
  	}
 }