Javascript onmousedown toggleDiv（切换2个div？）

Question

So I am really new to javascript, I wouldn't know a line of it if my life depended on it. Somehow I managed to get this to work....

<a href="javascript:void(0)" onmousedown="toggleDiv(' , $message['id'] , ');">

Problem is I need 2 divs to toggle. I thought since they both had the same ID it would toggle them both but it does not. I changed the second one to have "dateline" after the message ID. Not sure how to make this work and would really appreciate a hand :).

I do not wish to use jQuery.

Was asked for this:

    echo '<script type="text/javascript">
            function toggleDiv(divid){
                if(document.getElementById(divid).style.display == \'none\'){
                    document.getElementById(divid).style.display = \'block\';
                    document.pageLoading.TCallLabel(\'/\',\'restart_function\');
                }
                else{
                    document.getElementById(divid).style.display = \'none\';
                }
            }
    </script>';

Answer 1

You shouldn't use the same id on two HTML elements. If you need to have a shared selector, you should use a class. Then your script becomes:

<script type="text/javascript">
        function toggleDiv(divClass){
            var divs = document.getElementsByClassName(divClass);
            for(var i = 0; i < divs.length; i++){
                if(divs[i].style.display == 'none'){
                    divs[i].style.display = 'block';
                    // Not sure what this is doing, you may want to move it outside of the loop
                    document.pageLoading.TCallLabel('/','restart_function');
                }else{
                    divs[i].style.display = 'none';
                }
            }
        }
</script>