I solved the little opacity issue: in IE (I tested 7 and 8) the sliding box had solid color instead of some transparency. It is probably due to the toggle() in jQuery. My workaround was:

$(document).ready(function()
{
$(“.trigger”).click(function()
{
//$(“.panel”).toggle(“fast”);
$(this).toggleClass(“active”);
if ($(this).hasClass(“active”)){
$(“.panel”).css(“display”,”block”);
}
else
{
$(“.panel”).css(“display”,”none”);
}
return false;
}
);
}
);

It works fine both in IE 7 and 8 (and FF of course!). I hope this helps!

I’m sorry I’m not able to provide support for this sliding panel. I thought I’d mention it here, especially since I’m receiving quite a lot of emails with questions on how to do this and that. Unfortunately I cannot help everyone and reply to all your questions. (I wish I could though)

BUT, I’m working on another tutorial which will include fixes and tips to address the most frequent questions I’m getting. Stay tuned! :)

This works a treat tho. Would be quite nice if there was a stripped down “clean” demo, with just the functionality rathern than super css.

Thanks
Shaun

Just one comment on IE (tested in IE8 till now): to see the icon change from the green + to the red – in the CSS you have to write “a.trigger.active” instead of “a.active.trigger”.

There are also some little issues with transparency: I’m gonna try some hacking and then I’ll let you know if you are interested.
Thanks!

Thanks again!

Thank you very much!