el.hidden = true;
" it is incorrect to use hidden to hide panels in a tabbed dialog, because the tabbed interface is merely a kind of overflow presentation — one could equally well just show all the form controls in one big page with a scrollbar"
http://www.whatwg.org/specs/web-apps/current-work/multipage/...
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_att...
It's easily overridden by CSS.
el.style.display = 'none' pretty much works everywhere.
To me, it seems to depend upon what the purpose of hiding/showing the element is in specific cases.