To answer the question, you need a globally scoped variable, or a variable within a scope. A global variable is what @jamygolden showed you in his example. The variable current is “outside” the function. You can then call this variable inside any of the functions following it.
A better way to execute this would be to stay away from creating commonly named variables, such as “current”.
You can create a set of instructions with a single variable, for example:
var mySettings = {
currentElement: 'current',
nextElement: 'next'
}
//Shorten the mySettings var to a more easier name
var o = mySettings;
// Now you can call anything inside mySettings like so.
// Some Function...
function myFunc() {
// Add .current to all div elements
$('div').addClass(o.currentElement);
// if a <div> has the class .current, add the class .next
if ($('div').hasClass(o.currentElement)) {
$('div').addClass(o.nextElement);
}
}
// Call the function
myFunc();
`
