CMS Made Simple Forums

Hi All.

I am new to jQuery and learning as i go along. I am building a site for a friend of mine. I used the opportunity to do a theme from scratch, so it is a good learning experience. I decided for a type of metro-ish feel to it. It's still very far from done, but you can see a version http://www.modh.co.za/wmd/index.php?page=momentum. PS: Please dont laugh at the icons/images - some one them are just placeholder images - i quite like the piggy. Moving on...

When i click on a block in the metro container, the appropriate content appears in the content area below. Looking at it you will see my problem. The content begins to fade in before the previous content has faded out and that causes it to look rubbish. I have tried passing the fade in function as a parameter to the fade out function, but then it stops working completely.

If someone could give me a little advice, or perhaps point me at a jQuery plugin that already does this, i would be much obliged.

Links refer to localhost in your online version.:

velden wrote:Links refer to localhost in your online version.:

Code: Select all

<__script__ language="JavaScript" type="text/javascript" src="http://localhost/wmdconsult/uploads/wmdconsult/js/jquery-1.9.1.js"></__script>
<__script__ language="JavaScript" type="text/javascript" src="http://localhost/wmdconsult/uploads/wmdconsult/js/jquery-ui-1.10.3.custom.min.js"></__script>
<__script__ language="JavaScript" type="text/javascript" src="http://localhost/wmdconsult/uploads/wmdconsult/js/metro_content_toggle.js"></__script>

Ahhh crap... Let me get right on that.

-- Done.