js 三元运算符的使用问题

Question

我想要达到的效果如图

当我点击图片红色区域，会显示或折叠它的子标签

我用js实现

e.getElementsByTagName('ul')[0].style.display = e.getElementsByTagName('ul')[0].style.display=='block'?'none':'block'; 
//这个代码没问题，可以实现效果

var k = e.getElementsByTagName('ul')[0].style.display;
 (k == 'block') ? k='none': k='block'; //这个代码就不行，为什么？

关于第二点我终于想明白了，相当于重新给k赋值了，等于把之前的值给覆盖了，所以不行，但如果按照hsfzxjy解答的代码就没问题，相当于把值赋给了k的display对象