[jQuery] Looks like a bug in IE7 with replaceWith
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();
});