条件表达式

有时候会遇到这样的问题，鼠标在同一个元素上面移入移出，移入一个样式，移出一个样式；

我经常是使用if,else,后来遇见了条件表达式这中高大上的东西,以前学C的时候用过；

今天联系了播放列表的收缩，这里就需要对标题添加事件来控制收缩；so，问题来了，一个元素2种的样式；how to play？

js代码先贴上：

var oH = document.getElementById("outer").getElementsByTagName("h2")[0];
var oUl = document.getElementById("outer").getElementsByTagName("ul")[0];
oH.οnclick= function(){
//	if(oUl.style.display == "none")
//	{
//		oUl.style.display = "block";
//	}
//	else{
//		oUl.style.display = "none";
//	}
	var style = oUl.style;
		style.display = style.display == "none" ? "block" : "none";
}

上面我写了2种方法，一种就是if-else方法；另一个就是条件表达式

var style = oUl.style;
		style.display = style.display == "none" ? "block" : "none";

先判断style.display == "none" 是否为真，若为真则执行 style.display="block",为假则执行双引号后面的，style.display="none";

条件表达式具体来说就是这样的：

条件1:？条件2：条件3；

若条件1为真则执行条件2，为假则执行条件3；