I've already spent two nights on trying to solve this very annoying issue, so I'd really appreciate if anybody could give me a hand as fast as possible.

SITUATION DESCRIPTION:

I've created a menu that is animated by two jQuery scripts (also written by me). One script animates the <ul> listing of menu items, and the second one animates whole menu blocks - a block (header and <ul> listings)r is risen up after clicking its header.

PROBLEM DESCRIPTION:

After applying those two scripts on the menu blocks by anchoring their .js files to the site code, the <a href> linking stops working. When I turn off the script that's responsible for raising the menu blocks, everything gets back to normal. The thing is that I really need that script to work, as the menu blocks are meant to be hidden behind the main content box of the website, leaving only the headers visible.

CODE:

2. $(document).ready(function(){
3. 
   
4. $(".foto_trigger").click(function(){
5.  $(".blok_foto").toggle(
6.    function()
7.    {
8.       $(".blok_foto").animate({
9.     top: '-173'
10.   }, 2000);
11.   $(".foto_reflect").animate({
12.     top: '100', opacity: '0'
13.   }, 2000);
14.    },
15.    function()
16.    {
17.       $(".blok_foto").animate({
18.     top: '-10'
19.   }, 2000);
20.   $(".foto_reflect").animate({
21.     top: '-1', opacity: '80'
22.   }, 2000);
23.    });
24. });
25. 
    
26. $(".video_trigger").click(function(){
27.  $(".blok_video").toggle(
28.    function()
29.    {
30.       $(".blok_video").animate({
31.     top: '-173'
32.   }, 2000);
33.   $(".video_reflect").animate({
34.     top: '100', opacity: '0'
35.   }, 2000);
36.    },
37.    function()
38.    {
39.       $(".blok_video").animate({
40.     top: '-10'
41.   }, 2000);
42.   $(".video_reflect").animate({
43.     top: '-1', opacity: '80'
44.   }, 2000);
45.    });
46. });
48. $(".mark_trigger").click(function(){
49.  $(".blok_mark").toggle(
50.    function()
51.    {
52.       $(".blok_mark").animate({
53.     top: '-173'
54.   }, 2000);
55.   $(".mark_reflect").animate({
56.     top: '100', opacity: '0'
57.   }, 2000);
58.    },
59.    function()
60.    {
61.       $(".blok_mark").animate({
62.     top: '-10'
63.   }, 2000);
64.   $(".mark_reflect").animate({
65.     top: '-1', opacity: '80'
66.   }, 2000);
67.    });
68. });
69. 
    
71. });