Remove styles set on specific event
<p>I'm looking for a way to automatically remove styles set on specific event. Maybe I have ust overlooked it, but I have not seen such a feature in jQuery or vanilla js.</p>

<p>The idea:</p>

<pre><code>$(element).hover(function() {
    $(this).css({
        backgroundColor : 'red',
        color : 'white'
    });
}, function() {
    // remove styles set on handlerIn()
}).mousedown(function() {
    $(this).css({
        paddingTop : '+=1px',
        paddingBottom : '-=1px'
    });
}).mouseup(function() {
    // remove styles set on mousedown
});
</code></pre>

<p>If I'm using <code>$(this).removeAttr('style');</code> it will remove not only the styles set by specific event, but everything - where with <code>mousedown</code> / <code>mouseup</code>, that would remove the styles set by <code>hover</code>.</p>

<p>And yes, I know I can hardcode the values back to the defaults - doesn't fit!</p>

<p>What would be the best way to achieve such functionality?</p>
