[jQuery] Looks like a bug in IE7 with replaceWith

[Max Fedorov]

Hi,

I have a following Jquery code, as you can see all it does when user
clicks an html link it shows a hidden div (I am using SlideToggle).

The problem is in changing plus icon on minus icon after we clicked on
a link, for example when div is hidden we should show plus, after we
clicked a link and shown a hidden div we are showing minus icon.
It perfectly works in Chrome and Firefox. But in IE7 I got a problem,
it changes plus on a minus only once, and then shows minus only. I am
not sure what modifications should I make to my code to get it working
in IE.

Thanks in advance, really appreciate any help.

//Hiding first level of main menu
$('a#mainmenu_anchor001').click( function(event) {

                var minusORplus = $("img#imp_plus001").attr("src");

if ( minusORplus == 'img/plus.gif' ) {
                        $('img#imp_plus001').replaceWith('<img 
src="img/minus.gif"
id="imp_plus001" alt="" border="0" align="top" \/>');

                }

                if ( minusORplus == 'img/minus.gif' ) {
                        $('img#imp_plus001').replaceWith('<img 
src="img/plus.gif"
id="imp_plus001" alt="" border="0" align="top" \/>');

                }
                //Removing filter attribute
                $('div#sub_menu_level001').slideToggle("fast", function() {
                        if(jQuery.browser.msie) {
                                this.style.removeAttribute('filter');
                }
                });

                $('div#sub_menu_level001').css({'filter' : 
'alpha(opacity=100)'});
                event.preventDefault();
});