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
});

Answer 1

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>