I am trying to make a functional dynamic jquery selection but it seems impossible for me.

Here is the code:

1. $('.schools').eq(0).toggle(function(){
2. $('.big_schools').eq(0).fadeIn('slow');
3. $('.big_schools').eq(1).fadeOut('slow');
4. $('.big_schools').eq(2).fadeOut('slow');
5. }, function(){
6. $('.big_schools').eq(0).fadeOut('slow');
7. });
8. 
   
9. $('.schools').eq(1).toggle(function(){
10. $('.big_schools').eq(1).fadeIn('slow');
11. $('.big_schools').eq(0).fadeOut('slow');
12. $('.big_schools').eq(2).fadeOut('slow');
13. }, function(){
14. $('.big_schools').eq(1).fadeOut('slow');
15. });
16. 
    
17. $('.schools').eq(2).toggle(function(){
18. $('.big_schools').eq(2).fadeIn('slow');
19. $('.big_schools').eq(1).fadeOut('slow');
20. $('.big_schools').eq(0).fadeOut('slow');
21. }, function(){
22. $('.big_schools').eq(2).fadeOut('slow');
23. });

This code can make the user click on div 0 and open another div below it. Then if you click on div 1, it should close the div below div 0 and open the div below div 1. The same for 2. How can I make this in a dynamic way, cuz like this I have to write down all possibilities.

This works for three divs. How can I make this work in a dynamic way?

Pls help!