jsp页面 显示和隐藏提示信息

 

 

function hide(){
 var block = document.getElementById('block');
 var hidden = document.getElementById('hidden');
 block.style.display="block";
 hidden.style.display="none";
}

function block(){
 var block = document.getElementById('block');
 var hidden = document.getElementById('hidden');
 block.style.display="none";
 hidden.style.display="block";
}

 

 

 

 

   <div class="history-item-title" >数据查询</div>
    <div id="hidden" style="position:absolute; left:110px; top:70px; z-index:1;
     height: 10; width: 150;background:#F0F8FF;display: block;border: 1px solid #d3dfff; ">
     <a href="#" onclick="hide();" >隐藏提示</a>默认查询本月数据
    </div>
    <div id="block" style="position:absolute; left:110px; top:70px; z-index:1;
     height: 10; width: 55;background:#F0F8FF;display: none;border: 1px solid #d3dfff;">    
     <a href="#" onclick="block();">显示提示</a>
    </div>