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

I usually do what millimoose suggests:

$('#cboxClose').removeClass('transEnabl').fadeIn(500, function() {
  $(this).addClass('transEnabl'); 
});

Where transEnabl is something like:

.transEnabl {
  transition: all 0.3s linear;
}

It is ugly as hell, but it works. The problem comes because css transitions are giving a duration on the execution of the opacity.