$(document).ready(function(){
    
       $('h3').addClass('hidden');
       $('h3+p').addClass('hidden');
       var myindex=$('h3').index(this);
        $('h3').eq(0).toggle();
        $('h3+p').eq(0).toggle("slow");
            $('#matte1').click(function(){
            
            $('h3').eq(1).hide('slow');
            $('h3').eq(2).hide('slow');
            $('h3+p').eq(1).hide('slow');
            $('h3+p').eq(2).hide('slow');
            $('h3').eq(0).show();
            $('h3+p').eq(0).show('slow');
            });
            $('#matte2').click(function(){
            
            $('h3').eq(0).hide('slow');
            $('h3+p').eq(0).hide('slow');
            $('h3').eq(2).hide('slow');
            $('h3+p').eq(2).hide('slow');
            $('h3').eq(1).show();
            $('h3+p').eq(1).show('slow');
            });
            $('#matte3').click(function(){
           
            $('h3').eq(0).hide('slow');
            $('h3').eq(1).hide('slow');
            $('h3+p').eq(0).hide('slow');
            $('h3+p').eq(1).hide('slow');
             $('h3').eq(2).show();
            $('h3+p').eq(2).show('slow');
            });
       });