js三目运算符处理显示隐藏有问题不懂请指教

Question

function myfun() {

   var oH2=document.getElementById('outer').getElementsByTagName('h2')[0]

   var oUl=document.getElementById('outer').getElementsByTagName('ul')[0]

  oH2.onclick=function () {

    oUl.style.display=oUl.style.display=='none'?'block':'none'

}

myfun()

为什么会有两个  oUl.style.display？一个为什么不可以？