I wrote a code that is quite long for it's purpose, that it does is hides all the divs with the class: div1, div2....div7 and fades the in when click the link with class: link1, link2....link7...and my code fot this is:

2. $(document).ready(function() {
3.  
4.    $(".div1, .div2, .div3, .div4, .div5, .div6, .div7").hide();
5.    $(".link1, .link2, .link3, .link4, .link5, .link6, .link7").bind("click", function () {
6. 
   
7.       $(".div1, .div2, .div3, .div4, .div5, .div6, .div7").fadeOut();
8.         
9.       if ($(this).attr("class") == "link1")
10.       { 
11.         $(".div1").delay(400).fadeIn();
12.       }
13.       else if ($(this).attr("class") == "link2")
14.       { 
15.         $(".div2").delay(400).fadeIn();
16.       }
17.       else if ($(this).attr("class") == "link3")
18.       { 
19.         $(".div3").delay(400).fadeIn();
20.       }
21.  else if ($(this).attr("class") == "link4")
22.       { 
23.         $(".div4").delay(400).fadeIn();
24.       }
25.  else if ($(this).attr("class") == "link5")
26.       { 
27.         $(".div5").delay(400).fadeIn();
28.       }
29.  else if ($(this).attr("class") == "link6")
30.       { 
31.         $(".div6").delay(400).fadeIn();
32.       }
33.  else if ($(this).attr("class") == "link7")
34.       { 
35.         $(".div7").delay(400).fadeIn();
36.       }
37.     });
38. });

I have an alternative for this, and that is :

1. $('#menu a').click(function (e) {
2.     hideContentDivs();
3.     var tmp_div = $(this).parent().index();
4.    var main= $('#content div').eq(tmp_div).delay(500).fadeIn();
5. });
6. 
   
7. function hideContentDivs() {
8.     $('#content div').each(function () {
9.         $(this).fadeOut();
10.     });
11. }
12. hideContentDivs();

But this won't work either because this only attributes the first div from #content to the first link from #menu , and so on, and the reason why this won't work is cause of my sorting script, I have wrote a alphabetical sorting script for my menu and that breaks the order...

Any help?