ansaurus

Question

Answer 1

+2 A:

$('#messageDiv').fadeOut('slow');

or

$('#messageDiv').fadeOut(250);

meaning the fade should take 250 milliseconds.

Ensure also that your element has the name of messageDiv and not something else.

edit

You could use a classname instead if the id if you are using webForms and finding that the id is not what you're expecting. I actually prefer this approach as it's less hit-n-miss

edit 2

Change your href to href='.' and your click event to $('#messageDiv').fadeOut('slow');return false;

griegs 2010-09-03 04:46:24

@griegs ya i am using webforms.. But still i cant make it to work

Pandiya Chendur 2010-09-03 04:54:08

Change your href to href='.' and your click event to $('#messageDiv').fadeOut('slow');return false;

griegs 2010-09-03 04:56:37

The above works on my system

griegs 2010-09-03 04:57:35

@greigs i got it to work...

Pandiya Chendur 2010-09-03 04:58:22

@greigs what's the point in making a change to href could u explain

Pandiya Chendur 2010-09-03 04:59:06

I've never actually seen the javascript notation you used with void(0) so I removed it. :)

griegs 2010-09-03 05:00:10

@greigs i ve accepted the answer...

Pandiya Chendur 2010-09-03 05:01:11

Thank you, glad I could help you. Have fun @Pandiya

griegs 2010-09-03 05:02:06

@greigs it shows a jumping effect how to avoid it?

Pandiya Chendur 2010-09-03 05:14:18

Jumping effect? it might just be the broswer, IE i've noticed can do a lot of jumping. You might also have a lot of elements on the page that the browser is trying to move up as you hide your error.

griegs 2010-09-03 05:24:23

btw: i tried it here and there was no jumping in IE but it was on a page with few elements on it.

griegs 2010-09-03 05:27:24

Answer 2

+1 A:

You're using this in your error div:

<a href='javascript:void(0);' onClick=\"$('#messageDiv').fadeOut('slow');\"  class='link'>

Since you're using jQuery anyway, you might want to rewrite that particular tag by giving it an ID and attaching the onclick event using jQuery live().

Use:

<a href='#' id='hide_link' class='link'>

and use the following Javascript code somewhere below:

$(document).ready(function(){
     $('#hide_link').live('click',function(e){
         e.preventDefault();    // this will prevent the default link-click action
         $('#messageDiv').fadeOut('slow');
     });
});

Richard Neil Ilagan 2010-09-03 05:00:48

ansaurus

tags:

views:

answers:

fadeout effect with hide in jquery..

related questions