The below programming works properly to show and hide gridviews:

<script type="text/javascript">
function hideGrid()
{document.getElementById("Gridview3").style.displa y = "none";}

function showGrid()
{document.getElementById("Gridview3").style.displa y = "block";}

<INPUT Type="button" Value="Show Material List" OnClick="showGrid()">
<INPUT Type="button" Value="Hide Material List" OnClick="hideGrid()">

<div id="Gridview3">
<asp:GridView ID="GridView3" runat="server" AutoGenerateColumns="False" 
style="text-align: center; margin-left: 370px;">
<asp:BoundField DataField="ItemID" HeaderText="ItemID" SortExpression="ItemID">
<HeaderStyle Width="50px"></HeaderStyle>
<asp:BoundField DataField="ItemDesc" HeaderText="ItemDesc" SortExpression="ItemDesc">
<HeaderStyle Width="400px"></HeaderStyle>

What I need is to have the gridview hidden when the page opens. If I set the visible property of the gridview to false, I cannot view the page even with the "Show Material List" button created above.