About JavaScript :: hiding div elements?

Question

This is my code.

function hideAllInfo(){
els = document.getElementsByName('info');
for(i=0; i els[i].style.visibility = 'hidden';
}
}

I'm trying to hide three div elements at once.

Why is it not working in IE, while in Firefox it's okay? What's wrong? Something's wrong with my browser settings perhaps?

Answer 1

Have you considered nesting these 3 elements within a single parent DIV? In doing so, you can hide all three at once by changing the visibility of the parent DIV.

Answer 2

Here is a useful site listing seven ways to toggle an element. It also has functions to toggle multiple divs at once. It is more flexible than the code you have posted, and it works with all browsers:
http://www.dustindiaz.com/seven-togglers

Answer 3

Try using

els[i].style.display = 'none'
and
els[i].style.display = 'block'

to on and off diaplay.

regards
skpshah

http://www.skype.com/share/skypeprime/join/?&call=&skypename=skptechnomedia

Answer 4

IE uses document.getElementByTagName("")
or document.getElementById("");