$(document).ready(function(){  
                            $(".button").hover(
                            function()
                            {
                                   $("#a11").toggle();       
                                   $("#a22").toggle();
                            },
                            function()
                            {
                                   $("#a11").toggle();
                                   $("#a22").toggle();
                            }
                     );});

                     $(document).ready(function(){  
                            $(".button2").hover(
                            function()
                            {
                                   $("#a12").toggle();
                                   $("#a23").toggle();
                            },
                            function()
                            {
                                   $("#a12").toggle();
                                   $("#a23").toggle();
                            }
                     );});
                     
                     
                     
                                          $(document).ready(function(){  
                            $(".button3").hover(
                            function()
                            {
                                   $("#a13").toggle();
                                   $("#a24").toggle();
                            },
                            function()
                            {
                                   $("#a13").toggle();
                                   $("#a24").toggle();
                            }
                     );});
                     
                     
                                          $(document).ready(function(){  
                            $(".button4").hover(
                            function()
                            {
                                   $("#a14").toggle();       
                                   $("#a25").toggle();
                            },
                            function()
                            {
                                   $("#a14").toggle();
                                   $("#a25").toggle();
                            }
                     );});
                     
                     
                     
                                                               $(document).ready(function(){  
                            $(".button5").hover(
                            function()
                            {
                                   $("#a15").toggle();
                                   $("#a26").toggle();
                            },
                            function()
                            {
                                   $("#a15").toggle();
                                   $("#a26").toggle();
                            }
                     );});
                     
                     
                     
                                                               $(document).ready(function(){  
                            $(".button6").hover(
                            function()
                            {
                                   $("#a16").toggle();
                                   $("#a27").toggle();
                            },
                            function()
                            {
                                   $("#a16").toggle();
                                   $("#a27").toggle();
                            }
                     );});
                     
                     
                     
                     
                                                                                 $(document).ready(function(){  
                            $(".button7").hover(
                            function()
                            {
                                   $("#a17").toggle();
                                   $("#a28").toggle();
                            },
                            function()
                            {
                                   $("#a17").toggle();
                                   $("#a28").toggle();
                            }
                     );});