ansaurus

Question

jQuery acting weird

Answer 1

A:

First of all since you are using jQuery try changing the contents of #d using jQuery. Also, if you need the content change to happen when slideUp finishes, you need to do that inside a callback function inside slideUp.

cherouvim 2010-02-27 09:11:33

Answer 2

+2 A:

Do it this way:

function slide() {  
  $("#d").slideUp("slow", function() {
     $(this).html(Math.random).slideDown("slow");  
  });       
}

Here, the code inside the callback function gets called after the animation is completed. In your original code, this is not the case. The animation gets started and immediately after that the content gets changed.

Read the documentation about .slideUp()

Update:

Btw. document.getElementById is the same as $('#id') in jQuery. You can use the .html() function. No need to look for the same element twice. And the element being animated is available in the callback function via this.

Felix Kling 2010-02-27 09:12:38

thanks, that worked perfectly for me

alterionisto 2010-02-27 09:15:36

Answer 3

A:

Two ways...

or using Queue or Slide Callback function

http://jsbin.com/otise/edit

balexandre 2010-02-27 09:16:09

Answer 4

A:

Since you are using jQuery, why don't you really use it?

$('#btnid').click(function() {
  $("#d").slideUp("slow");  
          $('#d').html(Math.random());  
          $("#d").slideDown("slow"); 
});

Just some improvement to your code

Omar Abid 2010-02-27 09:19:30

It does not solve the OP's problem.

Felix Kling 2010-02-27 09:20:46

You did solve his problem, no? So why repeating what you have already done. I'm just enhancing his code by taking full advantages of the jQuery functionalities.

Omar Abid 2010-02-27 10:48:54

ansaurus

tags:

views:

answers:

jQuery acting weird

related questions