Tech
Forums
Jobs
Books
Events
Live
Interviews
More
Learn
Training
Career
Members
Videos
News
Blogs
Login
Sign Up
Ask Question
1
Reply
How to hide and show div using jquery?
Rajneesh Chaubey
Jan 15 2018 12:56 PM
174
Reply
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.
Upload Source Code
Select only zip and rar file.
Post
Reset
Cancel
Answers (
1
)
Next Recommended Forum
subtraction using jquery
Chart using jquery Chart.js