javascript，开启，关闭查询

function triggleQuery(button){
    var obj = document.getElementById("page_query");
    var dis = obj.style.display;

    if(dis == 'none' || dis==''){
        
        button.value = '关闭查询';
    }else{    
        button.value = '开启查询';
    }
    $("#page_query").toggle(500);
}

</script>

<style type="text/css">
#page_query{display: none;};
</style>

<div 
            <c:if test="${requestScope.SHOW_BUTTON eq false}"> style="display:none" </c:if> 
            id="page_buttons" class="page_buttons">

有一个button是在这个div里面<td colspan="6" align="right"><input value="查询" type="button" class="btn" onclick="submitForm();"/></td>

默认关闭，开启后，点击关闭时才关闭。怎么做？现在是在开启之后“查询”按钮出来了。点击查询之后，查询按钮就隐藏了。如何让它在点击关闭查询之后才隐藏。

对 在遇到问题的时候 自己想办法 把该想的情况都想通了 可能问题就解决了
如果自己实在无能为力且前人也没有解决的办法在发帖，集大家之意见。

你的页面的那个查询按钮默认是关闭的是吧？
那你开启查询按钮后，在查询的时候返回到页面，页面是不是刷新了一次？页面刷新就相当于页面重新加载了呗，那此时的查询按钮又是默认的状态了呗，所以才关闭的呗。