How to change animation name/type in jquery by a string name

Question

This is the concept. what is the possible way to do this
Here my code:

var animationName='slideUp';
if(true){
animationName='fadeOut';
}

$('.className').animationName(200,function(){
     //callback
});

Possible duplicate of calling a jQuery function named in a variable Hope this link will help you. — technico
– technico, Commented Aug 7, 2016 at 13:58

Mohammad · Accepted Answer · 2016-08-07 15:01:26Z

0

You can use eval() to execute string as javascript expression. In eval() you can use variable as function name.

var animationName = "slideUp";
eval("$('div')."+ animationName +"(200, function(){})");

div {
    width: 50px;
    height: 200px;
    background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

answered Aug 7, 2016 at 15:01

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

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

1 Answer 1