JQuery learning note2

1. $(function() {
2.             $('a').click(function() {
3.                 $('#box').toggle();
4.         $('#box').toggle(3000);
5.         $('#box').toggle('slow');
6.         // you must define the '.border' class firstly in css. Then, this can apply or remove the toggle class alternatively.
7.         $('#box').toggleClass('border');
8.             });
9.         });
12. $(function() {
13.         // set the opacity to 0.5 when the document is ready            
14.             $('#container div').animate({ "opacity": .5 });
16.             $('#container div').hover(function() {
17.             // add the hover function
18.                 $(this).stop().animate({ "opacity": 1 });
19.             }, function() {
20.         // add hover finish function.
21.                 $(this).stop().animate({ "opacity": .5 });
22.             });
23.         });
25. $(function() {
26.         // when the user click the anchor and trigger the event, it will request the MoviePage.htm and select #movies's content
27.         // after response it will trigger the callback function for the following thing. such as append and slideDown...
28.             $('a').click(function() {
29.             $('<div id="info" />').load('MoviePage.htm #movies', function() {
30.                     $(this).hide().appendTo('#container').slideDown(1000)
31.                 });
32.             });
33.         });