Question

I use this script :

    <script language="javascript"> 
function toggle() {
    var ele = document.getElementById("mydiv");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "show";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

Called by :

            echo '<a id="displayText" href="javascript:toggle();">show</a>';

i want to show / hide several div (not in a list or a form)

i try :

    var ele = document.getElementById("mydiv", "mydiv2");

but it’s showing and hidding only the first div

Answer 1

Description

This is not jQuery. You should use the jQuery functions to guarantee cross browser compatibilty.
Check out my sample and this jsFiddle

Sample

<div id="mydiv">test</div>
<div id="displayText">test2</div>

$(function() {
    $("#displayText").click(function() {
       $("#mydiv").toggle();
    }); 
});

More Information

• jsFiddle
• jQuery.toggle()
• jQuery.click()