Show / hide div in asp.net using jquery and asp.net code

Question

0.00/5 (No votes)

See more:

hi
i want to show a div id="first" before button click and when user clicks search button, want to show other div ="second" with other info and hide first div for time being till redirect to other page

how to do this using asp.net code behind and jquery

same like in makemytrip, when u search hotel , it shows searching and then redirects to hotel list page

I want exactly that way

how to do this

regards
maulik shah

Posted 4-Dec-13 21:37pm

maulikshah1990

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sampath Lokuge · Answer 1 · 2013-12-04T21:55:00

Solution 1

You may try something is as below.

$("#yourButton").click(function(){
  $("#first").hide();
  $("#second").show();
});

For more info : jQuery Effects - Hide and Show

Posted 4-Dec-13 21:55pm

Sampath Lokuge

Comments

maulikshah1990 5-Dec-13 3:56am

sorry for not updating that i have asp.net button with runat server in which onclick ,i want to hide and show

Sampath Lokuge 5-Dec-13 3:58am

Sorry I couldn't get what you told ?

Sampath Lokuge 5-Dec-13 4:07am

Can you post your button's code snippet ?

maulikshah1990 5-Dec-13 4:06am

I have a asp.net button , with run="server" and onclick = "HotSearch_Click"

when i click on button, i want to hide div id="first" , and show div="second" and then redirect to other page after array filled..(my logic for data filling)
have you seen in makemytrip or yatra...they show searching when what user has entered for searching and then redirect to other page

i hope this makes you clear doubts

maulikshah1990 5-Dec-13 4:09am

button in aspx is

<asp:Button ID="psearch" runat="server" onclick="hotsearch_Click" Text="Search" />

<div id="first" runat=="server">
Hello first
</div>
<div id="second" runat=="server">
Hello second
</div>

and in aspx.cs file

protected void hotsearch_Click(object sender, EventArgs e)
{
first.Visible = false;
second.Visible = true;
}

Sampath Lokuge 5-Dec-13 4:19am

Are you going to do this thing in server side or client side ? My solution is suitable for client side with jquery.

maulikshah1990 5-Dec-13 4:22am

give me ur emial id,,i will send you screenshots i want like

Sampath Lokuge 5-Dec-13 4:30am

You can get it from my 'user profile'.

Sampath Lokuge 5-Dec-13 4:31am

But you can try my solution also using jQuery on client side.

maulikshah1990 5-Dec-13 4:37am

Hi
i have mailed you

Sampath Lokuge 5-Dec-13 5:33am

May be you need overlay or jquery Blockui kind of thing.So check this link for that.
http://www.malsup.com/jquery/block/#dialog

Sampath Lokuge 5-Dec-13 5:34am

Another link : http://www.codeproject.com/Articles/663667/Creating-a-Basic-Overlay-Effect-in-jQuery

Thanks7872 · Answer 2 · 2013-12-04T22:29:00

Solution 2

To hide the div use this:

C#

<div id="first" runat="server">
    this is first section
</div>

first.Style.Add("display","none");//This will go into your code

And to show the div:

first.Style.Add("display", "Block");

Posted 4-Dec-13 22:29pm

Thanks7872

Comments

maulikshah1990 5-Dec-13 5:05am

HI
can i mail you what i want to show
pls give ur email id

Thanks7872 5-Dec-13 5:07am

Use Improve question at bottom of your question and mention what the problem is.