jQuery includes a number of effects, which are small animations that are easy to implement. Today we’ll be covering functions that will allow you to hide elements and show hidden elements by “collapsing” them to the top-left corner of the element.

There are three functions that we’ll be looking at: hide, show and toggle. All three of these function share the same syntax. Let’s take a look at the syntax:

[javascript]hide([speed], [callback])[/javascript]

speed – the speed you want the animation to execute at. Can either be slow, normal, fast or the number of milliseconds for the animation to run for. Defaults to normal. Optional.

callback – a callback function to be executed when the function has finished executing. Passes no parameters. Optional.

Remember, the syntaxes for these three functions are identical. The only difference between these functions is what they do. hide() will hide the element, show() will show a hidden element (hidden either by your CSS or Javascript) and toggle() will toggle the current status of the element (if it’s hidden it will show it and vice versa). To use these functions, you need to bind them to an element.

Let’s take a look at a few examples of these functions in action:

[javascript]$("button").click(function(){
$("#content").toggle(‘slow’);
});[/javascript]

When a <button> is clicked, toggle the visibility of the #content element

[javascript]$("img").hover(function() {
$("#img-hover").show(‘fast’);
},
function() {
$("#img-hover").hide(‘slow’);
});[/javascript]

When the user hovers their mouse over an <img> show #img-hover, when they move their mouse off, hide #img-hover.

You thought that massive hard drives were only available for desktop applications and that the notebook crowd had to lag behind? That’s not completely true! Western Digital is always pushing the envelope when it comes to mobile hard drives too and they’ve just announced one of the biggest ones to date.

The most notable thing about the new WD Scorpio Blue line of 2.5-inch mobile drives is that it is available with up to one terabyte of capacity. Yes, you read that correctly. It is very well possible for your laptop to be equipped with a full terabyte of storage capacity. To go along with the massive amount of storage, the WD Scorpio Blue hard drive features a 3Gb/s transfer rate and it comes equipped with a couple of Western Digital’s signature features.

WhisperDrive combines a series of state-of-the-art seeking algorithms to make for one of the quietest drives on the market. The ShockGuard uses both firmware and hardware technologies to offer high-end shock tolerance. Since this is going into a notebook, random drops and shakes are probably quite common, so the ShockGuard will certainly come in handy. You also get SecurePark, which parks the recording heads off the disk surface so the recording head never touches the disk surface. This extends long-term reliability.

The 1TB WD Scorpio Blue hard drive is listed at $250 on its own or $299.99 as a My Passport Essential SE portable drive. Those are in American dollars. If you want to save a little bit of money, the Scorpio Blue also ships as a 750GB model for $190. The My Passport Essential SE version is $199.99.

I just wanted to send out a big thank you to all my sponsors for blogathon. All of you have made it worth it to stick with blogging for 24 hours. 

I hope everyone enjoyed the content that was produced and can use it for there own social media plans. I reached 57% of my goal as of this post. Help me reach 100% of my goal.

If you were planning on sponsoring but could not get around to it you can continue to do so up to 24 hours after blogathon is over by posting a pledge.

Once the 24 hours is over I will update this post with those that sponsored blogathon below.

[list of sponsors]

This week we will talk about a quick and easy way to optimize your code by removing spaces. If you know it or not but those spaces and enters in your code can increase your code size up to 20%. If you were to remove all those unwanted spaces in the code your site would still look the same but load faster.

Here is an example of what most sites html code looks like…

<HTML>
<HEAD>
<TITLE>Hello, World Page!</TITLE>
</HEAD>
<BODY>
Hello, World!
</BODY>
</HTML>

Here is what it would look like optimized…

<HTML> <HEAD> <TITLE>Hello, World Page!</TITLE> </HEAD>  <BODY> Hello, World! </BODY> </HTML> 

To do that you could manually go through and clean up your code. I believe that both FrontPage and Dreamweaver both have a clean up code ability built into them. You can read the help files of those software’s to determine how to do it. For those that like to do it free online I found this free code optimizer script. You paste your code into the page and click Optimize. This will clean up the code for you. Note that it does add a site optimized by tag which you can of course remove.

Do you optimize your code? If so how do you do it?

Last night Netenberg updated Joomla, Open-Realty, SMF, Tyop3 and WordPress.

Updates:

- Joomla 1.5: 1.5.12 -> 1.5.13
- Open-Realty: 2.5.6 -> 2.5.7
- SMF: 1.1.9 -> 1.1.10
- TYPO3: 4.2.1 -> 4.2.8
- WordPress: 2.8 -> 2.8.2

If you are using these software’s I suggest you upgrade.