Use variable in jQuery animation

Question

I have a function which is called by moving round on the page, and depending where you are it sends you do a different element.

So

function changeFrame() {
  $('#f2').stop(true,true).hide("blind", { direction: "vertical" }, 400);
 }

Which works great, but I want to change the target ID on the fly, so I though I would be able to call the function with a variable and use that, but it doesn't work.

function changeFrame(requestedFrame) {
      $(requestedFrame).stop(true,true).hide("blind", { direction: "vertical" }, 400);
    }

Everything else is the same, and I have used I have also tried it like this:

  $('requestedFrame')

Lastly, to make sure I am passing it the variable correctly, which I am I did this

    alert(requestedFrame);

Example requestedFrame string

f2

Are you calling the function with changeFrame('#someId') or changeFrame('.someClass') or changeFrame(someElement)? If not, your are doing it wrong. — Felix Kling
– Felix Kling, Commented Feb 17, 2013 at 16:14
That tries to then go to the element with the id of #requestedFrame not the frame requested through the function variable — tim.baker
– tim.baker, Commented Feb 17, 2013 at 16:15
Then it should work. Please create a jsfiddle.net demo which reproduces your problem. — Felix Kling
– Felix Kling, Commented Feb 17, 2013 at 16:16

Igor · Accepted Answer · 2013-02-17 16:21:40Z

2

It's difficult to tell what requestedFrame is, but if it's a string id, then you need to select it with:

$('#' + requestedFrame).stop(true,true).hide("blind", { direction: "vertical" }, 400);

If it's already a jQuery object, then you can drop the wrapper altogether:

requestedFrame.stop(true,true).hide("blind", { direction: "vertical" }, 400);

answered Feb 17, 2013 at 16:21

Igor

34.3k14 gold badges83 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tim.baker Over a year ago

requestedFrame is a string such as "f2" short and simple but not an ID/jQuery object

Siddharth Gupta · Accepted Answer · 2013-02-17 16:20:40Z

2

$() in jquery accepts objects.. try calling the function like:

changeFrame(this);

and then using this 'obj' variable inside the function:

function changeFrame(obj) {
$(obj).stop(true,true).hide("blind", { direction: "vertical" }, 400);
}

answered Feb 17, 2013 at 16:20

Siddharth Gupta

8975 silver badges20 bronze badges

Collectives™ on Stack Overflow

Use variable in jQuery animation

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related