I am new to Jquery so go easy on me!  I have written a bit of code that works for the most part, however, when the #JSb is clicked it can trigger two different actions when clicked...but I only created one!  When you click anywere but the top left corner of the div the entire screen fades out (this is not the effect that I want).  If you click in the top left corner the action that I want actually occurs.  I have this working for 4 other divs perfectly and no matter how many times I go through the code or copy and paste over this code it continues to have the same problem.  Please help!

Here is the JQuery code:

2. amtzoom = 1.8;
3. scfadein = 1000;
4. 
   
5. $(document).ready(function() {
6. $('#JSlc').click(function(e) {
7. //e.preventDefault();
8. e.stopPropagation();
9. ojst = parseInt($(this).css('top'));
10. ojsl = parseInt($(this).css('left'));
11. 
    
12. var clcw = ($(window).width() - $(this).width()*amtzoom)/2;
13. var clch = ($(window).height() - $(this).height()*amtzoom)/2;
14. var lch = parseInt($(this).css('height'));
15. ojslch = lch + "px";
16. var nlch = lch * amtzoom + "px";
17. var lcw = parseInt($(this).css('width'));
18. ojslcw = lcw + "px";
19. var nlcw = lcw * amtzoom + "px";
20. var cflc = parseInt($(this).css('font-size'));
21. ojsflc = cflc + "px";
22. var nflc = cflc + 12 + "px";
23. 
    
24. $(this).css({'overflow':'visible'});
25. 
    
26. $(this).siblings().animate({'opacity':"0"},300);
27. $(this).animate({
28. 'font-size': nflc, 
29. 'height': nlch, 
30. 'width': nlcw, 
31. 'top': clch + 'px', 
32. 'left': clcw + 'px'
33. },300, function(){
34. 
    
35. $('#JSb').animate({'opacity':"1"},scfadein);
36. $('#JSscl').delay(100).animate({'opacity':"1"},scfadein);
37. $('#JSscul').delay(200).animate({'opacity':"1"},scfadein);
38. $('#JSscu').delay(300).animate({'opacity':"1"},scfadein);
39. $('#JSscur').delay(400).animate({'opacity':"1"},scfadein);
40. $('#JSscr').delay(500).animate({'opacity':"1"},scfadein);
41. $('#JSscrd').delay(600).animate({'opacity':"1"},scfadein);
42. //$('#JSscd').delay(700).animate({'opacity':"1"},scfadein);
43. });
44. });
45. });
46. 
    
47. $(document).ready(function() {
48. $('#JSb').click(function(e) {
49. //e.preventDefault();
50. e.stopPropagation();
51. //$('#JSscd').animate({'opacity':"0"},scfadein);
52. $('#JSscrd').delay(100).animate({'opacity':"0"},scfadein);
53. $('#JSscr').delay(200).animate({'opacity':"0"},scfadein);
54. $('#JSscur').delay(300).animate({'opacity':"0"},scfadein);
55. $('#JSscu').delay(400).animate({'opacity':"0"},scfadein);
56. $('#JSscul').delay(500).animate({'opacity':"0"},scfadein);
57. $('#JSscl').delay(600).animate({'opacity':"0"},scfadein);
58. $('#JSb').delay(700).animate({'opacity':"0"},scfadein, function() {
59. 
    
60. $('#JSlc').css({'overflow':'hidden'});
61. $('#JSlc').animate({
62. 'font-size': ojsflc, 
63. 'height': ojslch, 
64. 'width': ojslcw, 
65. 'top': ojst + 'px', 
66. 'left': ojsl + 'px'
67. },300);
68. $('#JSlc').siblings().animate({'opacity':"1"},300);
69. });
70. });