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](http://stackoverflow.com/questions/8588307/calling-a-jquery-function-named-in-a-variable) Hope this link will help you. — technico, Aug 07 '16 at 13:58

score 0 · Accepted Answer · answered Aug 07 '16 at 15:01

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>

1 Answers1