I have this function:
function startBlinking(el, speed = 100) {
el.css('display', 'inline').fadeToggle(speed, function() {
startBlinking(el, speed)
});
}
I want to add one more parameter to the function to make .css('display', 'inline') part conditional. Something like this:
function startBlinking(el, speed = 100, inlineDisplay = true) {
if (inlineDisplay){
el.css('display', 'inline').fadeToggle(speed, function() {
startBlinking(el, speed)
});
} else {
el.fadeToggle(speed, function() {
startBlinking(el, speed)
});
}
}
But the new version looks ugly. I want to know is there any approach to add a condition in the chain?
Get the current display value and add a condition for inlineDisplay parameter. If inlineDisplay is false or undefined the current display value will persist else it will be inline.
function startBlinking(el, speed = 100, inlineDisplay = true) {
const currentDisplay = el.css('display');
el.css('display', inlineDisplay ? 'inline' : currentDisplay).fadeToggle(speed, function() {
startBlinking(el, speed)
});
}