How to hide and show div using jquery?

Question

Hi, I have two buttons on aspx page named 'show employee' and 'show customers' and I have two gridviews on my page. 

Here is the code:-

<form id="form1" runat="server">
   <div id="grdemployee">
   <asp:GridView ID="GridView1" runat="server">
   </asp:GridView>
   </div>


   <div id="grdcustomer">
   <asp:GridView ID="GridView2" runat="server">
   </asp:GridView>
   </div>



    <asp:Button ID="btnemployee" runat="server" Text="Show Employee" />
    <asp:Button ID="btncustomer" runat="server" Text="Show Customer" />
    </form>

How do I create jquery code such that when I click show employee button , the employee gridview gets visible and If I click show customer button ,customer gridview should be visible and employee grdview got hide and vice versa.

suppose employee gridview is present and then I click show customer then it should hide employee grvw and make customer gridview visible.