Jquery + CSS HELP

[odc]

I want to write a function call that checks a variable and updates the DOM on my page by increasing this heart size.

How do I increase this heart size with jquery?

https://jsfiddle.net/5dn1L6s8/1/
thanks

[Shikkediel]

The animation will override the transform if it’s on the same element. You could target a parent element instead.

codepen.io/anon/pen/KrKbvr

[odc]

thanks. could you help me with this problem ive been having as well. how do I make the gold heart move faster? with this if statement ive written preferably https://codepen.io/anon/pen/KrwaQq

[Shikkediel]

I think something like this?

function animateDiv(myclass) {

  var newq = makeNewPosition();

  if (myclass == '.heart.gold') {
    $(myclass).animate({ top: newq[0], left: newq[1] }, 1000, 'linear', function() {
      animateDiv(myclass);
    });
  }
  else {
    $(myclass).animate({ top: newq[0], left: newq[1] }, movingSpeed, 'linear', function() {
      animateDiv(myclass);
    });
  }
}

[Shikkediel]

I’ve optimised the script a bit:

codepen.io/anon/pen/bQdoWm

[Author]

Posts