Java EE (Java Enterprise Edition) General Discussion

Hi All,

I have a jsp in which i created a tabbed panel & put 3 forms .
1 of the form contains 3 drop dwom list & few text boxes.

All 3 forms are inside <div> tags .
Clicking on any one of the tab corresponding form is getting displayed with all its form fields hiding other 2 form fields.

but problem is coming with 1 form having drop down list.

all its field get hidden except these drop down list.

i am using following script to hide other forms

 function showit(tab){ 
     
    if(tab == "tab1stuff"){ 
		
        document.getElementById('tab1stuff').style.zIndex="2"; 
        document.getElementById('tab2stuff').style.zIndex="1"; 
        document.getElementById('tab3stuff').style.zIndex="1"; 
		document.getElementById('tab4stuff').style.zIndex="1"; 
                 
    } 
    else if(tab == "tab2stuff"){ 
		
        document.getElementById('tab2stuff').style.zIndex="2"; 
        document.getElementById('tab1stuff').style.zIndex="1"; 
        document.getElementById('tab3stuff').style.zIndex="1";
		document.getElementById('tab4stuff').style.zIndex="1"; 

    } 
    else if(tab == "tab3stuff"){ 
        document.getElementById('tab3stuff').style.zIndex="2"; 
        document.getElementById('tab1stuff').style.zIndex="1"; 
        document.getElementById('tab2stuff').style.zIndex="1";
		document.getElementById('tab4stuff').style.zIndex="1"; 
    } 
}

Plz help me in this regard.
I used style.visible="false" but that is not working here.

Thanks in advance.