removeClass дисплей установка Нет

Question

HTML:

<table> 
    <tr> 
     <td>Hi</td> 
     <td><a href="#">Click me</a> 
     </td> 
    </tr> 
</table> 

ЯШ:

$('td a').click(function (event) { 
    var txt = $(this); 
    event.preventDefault(); 
    txt.closest('td').addClass('info'); 
    txt.closest('td').fadeOut(500, function() { 
     txt.closest('td').removeClass('info'); 
    }); 
    this.blur(); 
    txt.parent().attr('style', 'display: inherit;'); 
    return false; 
}); 

https://jsfiddle.net/iScripters/0dpLyv96/4/

При нажатии кнопки 'Click Me', я хочу, чтобы класс 'информация' должны быть добавлены к parent (td), а затем удалить с помощью fadeout. Вместо этого он удаляет все. Любое решение или обходной путь для этого?

Answer 1

Здесь, в коде, removeClass не устанавливает отображение: None, скорее это функциональность fadeOut, которая устанавливает отображение на None. Если вы не хотите, чтобы для него отображалось значение None, и для его удаления через некоторое время используйте функцию, например setTimeOut. Ссылка - http://www.sitepoint.com/jquery-settimeout-function-examples/