I have a javascript code that I need to convert to jquery and be able to attach each function to a link id. Is this possible? Code is listed below

---------------------------------------

function toggle_hide(id) { 

var e = document.getElementById(id); 

if(e.style.visibility == 'visible') 

e.style.visibility = 'hidden'; 

else 

e.style.visibility = 'hidden';

} 

//--> 

function toggle_home(id) { 

var e = document.getElementById(id); 

if(e.style.visibility == 'visible') 

e.style.visibility = 'hidden'; 

else 

e.style.visibility = 'visible'; 

document.getElementById('martial').style.visibility='hidden'; 

document.getElementById('design').style.visibility='hidden';

document.getElementById('contact').style.visibility='hidden';

document.getElementById('martial2').style.visibility='hidden'; 

document.getElementById('design2').style.visibility='hidden';

document.getElementById('contact2').style.visibility='hidden';

} 

//--> 

function toggle_music(id) { 

var e = document.getElementById(id); 

if(e.style.visibility == 'visible') 

e.style.visibility = 'hidden'; 

else 

e.style.visibility = 'visible'; 

} 

//--> 

function toggle_martial(id) { 

var e = document.getElementById(id); 

if(e.style.visibility == 'visible') 

e.style.visibility = 'hidden'; 

else 

e.style.visibility = 'visible'; 

document.getElementById('intro').style.visibility='hidden'; 

document.getElementById('design').style.visibility='hidden';

document.getElementById('contact').style.visibility='hidden';

} 

//--> 

function toggle_design(id) { 

var e = document.getElementById(id); 

if(e.style.visibility == 'visible') 

e.style.visibility = 'hidden'; 

else 

e.style.visibility = 'visible'; 

document.getElementById('intro').style.visibility='hidden';

document.getElementById('martial').style.visibility='hidden';

document.getElementById('contact').style.visibility='hidden';

} 

//--> 

function toggle_contact(id) { 

var e = document.getElementById(id); 

if(e.style.visibility == 'visible') 

e.style.visibility = 'hidden'; 

else 

e.style.visibility = 'visible'; 

document.getElementById('intro').style.visibility='hidden';

document.getElementById('design').style.visibility='hidden';

document.getElementById('martial').style.visibility='hidden'; 

}