[sab]

Помогите и мне. Есть такой хтмл:

<div id="nautica_flags">
			    <img src="img/nautica/s.jpg" alt="S" width="16" style="display: inline;" />
			    <img src="img/nautica/a.jpg" alt="a" width="16" style="display: inline;" />
			    <img src="img/nautica/i.jpg" alt="i" width="16" style="display: inline;" />
			    <img src="img/nautica/l.jpg" alt="l" width="16" style="display: inline;" />
			    &nbsp;&nbsp;
			    <img src="img/nautica/t.jpg" alt="t" width="16" style="display: inline;" />
			    <img src="img/nautica/o.jpg" alt="o" width="16" style="display: inline;" />
			    <img src="img/nautica/u.jpg" alt="u" width="16" style="display: inline;" />
			    <img src="img/nautica/r.jpg" alt="r" width="16" style="display: inline;" />
			</div>

И есть скрипт:

function HideFlag(flag){
        if(flag.is('img')){
            flag.animate({opacity: "hide"}, 300, "swing", function(){
                $("<span>"+flag.attr('alt')+"</span>").insertBefore(flag);
                HideFlag(flag.next());
            });
        }
    }
    function ShowFlag(flag){
        if(flag.is('img')){
            flag.prev().remove();
            flag.animate({opacity: "show"}, 300, "swing", function(){
                ShowFlag(flag.next('span').next());
            });
        }
    }

    $('.nautica .link a').click(function(){
        if($('#nautica_flags span').length){
            ShowFlag($('#nautica_flags img:first'));
        } else {
            HideFlag($('#nautica_flags img:first'));
        }

        return false;
    });

В ИЕ проблемма - скрывается нормально, а появляется только 3 рисунка

Нашол решение проблеммы, по непонятным причинам не во всех элементах менялся стиль display: inblock, изменение этого стиля перед анимацией исправило проблемму