Javascript show/hide table

ผมทำเวบแบบง่าย ๆ ให้บริษัทครับ หน้า http://www.wong-group.com/join_wong_group.php

ปัญหามีอยู่ว่า Browser firefox แสดงผลซ่อน tr ได้ครับ แต่ Chrome, Safari บนแมค และบนไอพอด ไม่สามารถซ่อนได้ครับ
อะไรที่ผมซ่อนไว้มันเปิดหมดเลยครับ และผมเขียนโปรแกรมไม่เป็นซะด้วยครับ โค้ดอันนี้เป็นของเก่าเมื่อห้าปีที่แล้ว เพื่อนเคยทำไว้ให้ครับ


// js ตัวนี้คือตัวกำหนด animation show/hide  ครับ
<script languague ="JavaScript">
var status = [];
status[0] = 'none';
status[1] = '';
status[2] = '';
function showContent(id)
{
    var content = document.getElementById('content' + id);
    status[id-1] = '';
    content.style.display = status[id-1];
}

function hideContent(id)
{
    var content = document.getElementById('content' + id);
    status[id-1] = 'none';
    content.style.display = status[id-1];
}

function setContent(id)
{
    hideContent(1);
    hideContent(2);
    hideContent(3);
    hideContent(4);
    if (id == 1){
        showContent(1);
    }
    if (id == 2){
        showContent(2);
    }
    if (id == 3){
        showContent(3);
    }
    /*if (id == 4){
        showContent(4);
    }*/
}
</script>

// ส่วนที่ tr ผมจะกำหนด id ตามหมายเลขครับ เช่น <tr id="content3">

พี่ ๆ เพื่อน ๆ น้อง ๆ พอจะมี script ที่ทำงานแบบนี้ไหมครับ หรือต้องแก้ไขยังไงให้มันเทสบน safari ผ่านครับ ขอบคุณมากครับ
คำตอบที่ได้รับเลือกจากเจ้าของกระทู้
ความคิดเห็นที่ 2
ลองใช้ jQuery ดูครับ

แล้วใช้ jQuery("#content"+id-1).toggle();
แสดงความคิดเห็น
โปรดศึกษาและยอมรับนโยบายข้อมูลส่วนบุคคลก่อนเริ่มใช้งาน อ่านเพิ่มเติมได้ที่นี่