如何设置DIV点击事件为可见，再点就隐藏!!！

<div style="display:none"></style>，完全隐藏，不占空间
<div style="visibility:hidden"></style> 不可见，但是还占空间

<div class="muiAttendWorkChartContainer" id="stayCompleted">
    <span>已完成</span>
	<div class="muiAttendExcListMore">
	<i class='fontmuis muis-to-right'></i>
	</div>
</div>
<!--先设置div为隐藏-->
<div style="display:none" id="wancheng">
    <span>已完成的内容</span>
</div>


<!--以下是script代码-->
//已完成
$('#stayCompleted').click(function() {
	var flag = $("#wancheng").is(":hidden");
	if(flag){
	    //show() 方法: 使隐藏的变为显示
	    $("#wancheng").show();
	}else{
	    $("#wancheng").hide();
	}
});