dwz的模块隐藏显示问题

一个添加页面，本来是用<p>标签做的，但是发现把窗口最大化之后，整个布局就变了，变得不好看了

$(document).ready(function(){
	$("#qId").change(function(){
		var selectedName=this.value;
		if(selectedName==1){
			document.getElementById("maxoptionsid").style.display = "block";
			document.getElementById("onlyintegersid").style.display = "none";
document.getElementById("ulAnswer").style.display = "block";
		}else if(selectedName==5){
			document.getElementById("maxoptionsid").style.display = "none";
			document.getElementById("onlyintegersid").style.display = "block";
document.getElementById("ulAnswer").style.display = "none";
		}else if(selectedName==6){
			document.getElementById("maxoptionsid").style.display = "none";
			document.getElementById("onlyintegersid").style.display = "none";
document.getElementById("ulAnswer").style.display = "none";
	}
	});
});

原来是用底层写的，在p标签的时候，样式在隐藏显示后是没有问题的，但是这个用在<table><tr>变标签时，显示隐藏还是行的，但是隐藏后再显示样式就变了，如果用jquery框架中的语言又变成没问题了，感觉在用dwz的时候js和html用的时候得多注意，不同的方法不同的效果

$(document).ready(function(){
	$("#qId").change(function(){
		var selectedName=this.value;
		if(selectedName==1){
			$("#maxoptionsid").show();
			$("#onlyintegersid").hide();
			$("#tbOption").show();
		}else if(selectedName==5){
			$("#maxoptionsid").hide();
			$("#onlyintegersid").show();
			$("#tbOption").hide();
		}else if(selectedName==6){
			$("#maxoptionsid").hide();
			$("#onlyintegersid").hide();
			$("#tbOption").hide();
		}else if(selectedName==0||selectedName==2){
			$("#maxoptionsid").hide();
			$("#onlyintegersid").hide();
			$("#tbOption").show();
		}else {
			$("#maxoptionsid").hide();
			$("#onlyintegersid").hide();
			$("#tbOption").hide();
		}


	});
});

用p标签还是布局显示都是蛮简单的，界面看起来也还可以，但是局限有点多，还有就是最大化的变化，其实加个maxable="false" 不让用户最大化也可以的要填的数据不多的话还是用p标签吧。如果用table的话又要设置很多css值，高度居中什么的，不然又不好看了

哎 还是太菜啊 dwz这页面问题真纠结啊