JavaScript Code Not Working Properly

See more:

ASP.NET

Javascript

i have multiple ul what i m doing when any one of them ul is clicked it is being displayed and all other ul should be displayed none when i click that is being displayed but all other are not being displayed none plz help me out where i m doing mistake...???

function toggleList(id){
if(document.getElementById){
var element = document.getElementById(id);
if(element){
element.style.display =(element.style.display == 'none')?'':'none';
element.style.display='none';
}
if(id!='idname')
{
var element2=document.getElementById('idname');
document.getElementById('idname').style.display == 'none';
}
if(id!='Ul4')
{
var element2=document.getElementById('Ul4');
document.getElementById('Ul4').style.display == 'none';
}
if(id!='Ul1')
{
var element2=document.getElementById('Ul1');
document.getElementById('Ul1').style.display == 'none';
}
if(id!='Ul2')
{
var element2=document.getElementById('Ul2');
document.getElementById('Ul2').style.display == 'none';
}
if(id!='Ul3')
{
var element2=document.getElementById('Ul3');
document.getElementById('Ul3').style.display == 'none';
}
if(id!='Ul5')
{
var element2=document.getElementById('Ul5');
document.getElementById('Ul5').style.display == 'none';
}
if(id!='Ul6')
{
var element2=document.getElementById('Ul6');
document.getElementById('Ul6').style.display == 'none';
}
}
}