Show/hide divs help needed Javascript

Hello,

I have the following code to hide and show div’s in the same page
but doesn’t work. Can anybody help? Thank you

[B][U][COLOR=”#FF0000″]JAVASCRIPT CODE:[/COLOR][/U][/B]

var active = null;
function hideAll() {
hide(“info”);
}
function hide(id) {
var el = document.getElementById(id);
if(el) el.style.display=”none”;
document.getElementById(“more”+id).innerHTML=”MORE…”;
}
function show(id) {
hideAll();
if (active == id) {
hide(active);
active = null;
}
else {
document.getElementById(“more”+id).innerHTML=”CLOSE”;
document.getElementById(id).style.display=””;
active = id;
}
}

var active = null;
function hideAll() {
hide(“info2”);
}
function hide(id) {
var el = document.getElementById(id);
if(el) el.style.display=”none”;
document.getElementById(“more”+id).innerHTML=”MORE…”;
}
function show(id) {
hideAll();
if (active == id) {
hide(active);
active = null;
}
else {
document.getElementById(“more”+id).innerHTML=”CLOSE”;
document.getElementById(id).style.display=””;
active = id;
}
}

var active = null;
function hideAll() {
hide(“info3”);
}
function hide(id) {
var el = document.getElementById(id);
if(el) el.style.display=”none”;
document.getElementById(“more”+id).innerHTML=”MORE…”;
}
function show(id) {
hideAll();
if (active == id) {
hide(active);
active = null;
}
else {
document.getElementById(“more”+id).innerHTML=”CLOSE”;
document.getElementById(id).style.display=””;
active = id;
}
}

[B][U][COLOR=”#FF0000″]HTML CODE:
[/COLOR][/U][/B]

<a id=”moreinfo” href=”#” onclick=”javascript:show(‘info’); return false;”>MORE…</a>
<div id=”info” style=”display: none”> Info</div>
<a id=”moreinfo” href=”#” onclick=”javascript:show(‘info2’); return false;”>MORE…</a>
<div id=”info2″ style=”display: none”> Info2</div>
<a id=”moreinfo” href=”#” onclick=”javascript:show(‘info3’); return false;”>MORE…</a>
<div id=”info3″ style=”display: none”> Info3</div>

Also in #JavaScript _↴