jQuery colorbox plugin no opacity (overlay) – IE7

today, while checking a website I did heavy client side work on, converting PSD's to html, CSS and JavaScript I checked everything on IE7, one of the most annoying things I encountered was that the colorbox overlay color was pitch black.

On other browsers, everything seemed fine and the overlay was in the correct opacity.

This bug is very easy to fix.

this was my code before:

	$('.guestboox_more').colorbox({
		inline:true,
		href:'.guestbook_more_details',
		innerWidth:'610px',
		opacity: '.2',
		transition: 'elastic'
	});

And this is the code after (this fixed the problem)

	$('.guestboox_more').colorbox({
		inline:true,
		href:'.guestbook_more_details',
		innerWidth:'610px',
		opacity: '0.2',
		transition: 'elastic'
	});

The problem was only that IE7 didn't recognizance .2 as 0.2 and needed to be more specific (as often IE needs).
I hope this will save you some time.

jQuery, wait for animation to end then do something

I have been using jQuery for quite some time now, following a question on one of the many forums and discussions group I visit daily I found that not many know that jQuery has a built in way to "listen" for an animation to end and then continue work.

For instance if I am using the slideDown effect, I can create a function that will only execute when the slide is finished.

how?

like this...

		$('div.menuOurHotel').slideDown("slow", function()
		{
			$("div.order_form").hide();
		});

This is a very useful way to create a responsive intuitive user interface.

Good luck