fadeOut и fadeIn
 

Есть текст, который исчезает и появляется по событию с помощью fadeOut и fadeIn.
Проблема в том, что при появлении или исчезании (во время анимации) текст становится жирнее, а когда анимация заканчивается, резко становится прежним.
Подскажите как это исправить.
Выглядит очень некрасиво!!

Это у Вас какая-то в браузере беда или какие-то посторонние js про которые Вы умолчали.

Кстати да.
Такая лажа только в хроме...

Tums37,
Ссылку на реальную страницу, или думайте сами

http://tums37.webege.com/555.html
к примеру вот.
при нажатии на текст он начинает пропадать и становится чуть жирнее (это только в хроме)

Там хостинг рекламу сунул не обращайте внимание))

{У Меня 'ТЕКСТ!!!!!!!' вообще не меняется - пропадает только окошко с Заказать сейчас

Думаю - что скорее всего деффект моника - попробуйте открыть пару вкладок с разных сайтов в разных углах монитора

Все ОК, если не нажимать 2 раза подряд. Если нажать 2 раза подряд, то получается синхронный вызов и в конечном итоге какое-то промежуточное значение типа: opacity: 0.26805997682568716;

Можно добавить условие, типа:
if ($(this).css('opacity') == 0) {

Гы - а при первом клике - вообще не срабатывало на 'ТЕКСТ!!!!!!!'
ток при дабл (хотя окно скрывается при первом)

<div id="rr" onclick="ggg();" style="display: block; opacity: 0.51">ТЕКСТ!!!!!!!</div>

http://tums37.narod.ru/555.html
Вот я немного изменил пример, чтоб лучше видно было.
если нажать на текст то он сначала резко становится чуть жирнее, а потом начинает исчезать. Неужели не заметно??

да и то верно, хром что-то со шрифтами творит:

Вот и я о том же.
А когда появляется сразу много текста вообще плохо смотрится!

Tums37,
ну это проблема браузера, тут тока разрабам браузера нужно жаловаться.

Смотреть в Хроме

<div id="rr" style="opacity:1.0;font-weight:400!important;font-family:'Times New Roman'!important">ТЕКСТ!!!!!!!</div>
<div id="rr" style="opacity:0.99;font-weight:400!important;font-family:'Times New Roman'!important">ТЕКСТ!!!!!!!</div>

АА значит просто тексту изначально назначить opacity:0.99;
Огромное спасибо!!!

А у меня все ОК в Хроме скрин
Есть версия, что виноват не столько браузер, сколько Сlear Type и сглаживание в настройках мастдая. У меня все эффекты сглаживания отключены и проблем не вижу.

У меня такая же ситуация , тоже не знаю , что делать , помогите )