Hi guys,
I'm very confused because i had a solution working properly on both
browsers ( firefox3. i.e.6/7).
But suddenly its not working anylonger and i dont see why.
I have some widgets in my page which can be toggled..
this is the html code for one of these widgets
<div id="searchBox">
<div class="moduleHead">
<div class="moduleTitle">Search</div>
<!-- module Options generated by jquery-->
</div>
<div class="moduleContent">
<div class="moduleSearch">
content .....
<div class="annotation">here you can
search for available VM's</
div>
</div>
</div>
</div>
the corresponding jquery
$(document).ready(function(){
var imgDir = '/images/';
options = '<div class="moduleOptions" style="display:none;">'
+ '<div class="expand" ><img class="toggleImage" src="'
+ imgDir
+ 'minus.gif"/></div>'
$('.moduleHead').append(options);
$('.moduleHead').hover(function(){
var moduleOptions = $(this).children('.moduleOptions');
$(moduleOptions).show();
$(this).addClass('over');
},function(){
$(this).removeClass('over');
$('#moduleBar * .moduleOptions').hide();
});
$('.toggleImage').click(function(){
$(this).parents('.moduleHead').next('div').slideToggle('fast');
if($(this).attr('src') == imgDir +
'minus.gif') {
$(this).attr('src', imgDir + 'plus.gif')
} else {
$(this).attr('src', imgDir +
'minus.gif')
}
});
Now the problem is that the image is not toggled on the first time.
And its flashing one time before the widget collapses. In Firefox the
minus image is swaped immediately on the click function how it is
desired and no flashing of the div before it disappears.
The problem occurs only in i.e.
I really hope that i described the problem coherent.
I appreciate your help.
thanks in advance...
kind regards
