Скрипт простой, да где ошибка?

Question

[Сергей Игнатьев]

Доброго времени!
Использую скрипт для отображения элементов по клику. Проблема в том, что элемент становится видимым после клика и прокрутки страницы. Т.е. если нажать на кнопку и не крутить страницу, то элемент остается невидимым, а если курануть колесико мыши - сразу видим Использую MODX, скрипт добавляю после подключения jqery.
Получится подсказать где ошибка?

<script type="text/javascript">
    $(document).ready(function () {
        $("#a_sop_mat1").click(function () {
            $("#sop_mat1").css("display", "inline");
        });
    });
</script>

Answer 1

[Stalker_RED]

Скорее всего не происходит reflow или repaint, и нужно как-то форсировать это.

Попробуйте

$("#sop_mat1").css("display", "inline").position();

Можно добавить свой метод redraw, например.

$.fn.redraw = function(){
  $(this).each(function(){
    var redraw = this.offsetHeight;
  });
};

Использовать так:

<code>$("#sop_mat1").css("display", "inline").redraw();</code>

Comments

[Сергей Игнатьев]

Спасибо большое за подробный ответ!! : ) Но, все равно не работает....
Я заметил, что при первой загрузке страницы - скрипт работает корректно, т.е. все отображается при клике. После того, как обновить страницу - не отображается. Как страница попала в кэш браузера, скрипт работает не корректно. Если очистить кэш - скрипт работает нормально.

[Сергей Сергей]

Сергей Игнатьев: цепочкой сначала блок, потом инлайн сделать?