[jQuery] Elements opacity doesnt work after fade in effect on IE
Hi,
Im using the following script to display a hidden div block once a
button is clicked.
$(document).ready(
function()
{
$(".channellink").click(function()
{
var channelId = $(this).attr('id').replace('channellink','');
//Hide div w/id extra
$("#subs" + channelId).css("display","none");
// If invisible.
//show the hidden div
$(".subsclass").hide();
$("#subs" + channelId).show("slow");
});
});
the div has the following css applied to it:
.subsclass
{
display: none;
width: 375px;
height: 400px;
float: right;
margin-top: 50px;
background-color: #ffffff; /* the background */
filter:alpha(opacity=75); /* Internet Explorer */
-moz-opacity:0.75; /* Mozilla 1.6 and below */
opacity: 0.75;
This works perfectly in FF but once i bring it over to IE it doesnt
work so well. the div starts off with the correct opacity but
eventually ends up being 100% at the end of the transition.
Any ideas for a fix on this or what am i doing wrong?
Cheers,
Chris