Question

THis is what i currently have

click = false;

if click
    $(el).on('click', 'li', {})
else
    $(el).on('hover', 'li', {})   

both click and hover actually triggers the same function, is there a more minimal way to write this such as

$(el).on('click, hover', 'li' {})

but still able to control it through var click;

Answer 1

you can do ternaries:

var click = false;
$(el).on((click)?'click':'hover', 'li',function(){...})