Conflict between CSS transition and jQuery fade

Question

I\'m trying to create a tiled wall with a little menu to display: none some elements based on their class. In my CSS I have CSS transitions which are causing

Answer 1

In case Hector's solution doesn't work for you, here's an even uglier solution. (Where we eliminate JQuery's call all together)

Example of fadeOut:

$('#test').css('opacity', 0);
window.setTimeout(function() {
     $('#test').remove();
}, $('#test').css('transition-duration').replace('s','')*1000);

Essentially we are relying to the CSS transition to do the transition and then we are simply waiting in the JS the duration of the transition as defined by the CSS.