$(document).ready(function()
        {
                  $('.punkt1').click(function(){
                     if ($(".punkt2").css("width")== "320px"  )  { $(".punkt2").animate({width:  "-=240"}, 900); $('.punkt2 p').hide(); }
                     if ($(".punkt3").css("width")== "320px"  )  { $(".punkt3").animate({width:  "-=240"}, 900); $('.punkt3 p').hide(); }
                     if ($(".punkt4").css("width")== "320px"  )  { $(".punkt4").animate({width:  "-=240"}, 900); $('.punkt4 p').hide(); }
                     if ($(".punkt5").css("width")== "320px"  )  { $(".punkt5").animate({width:  "-=240"}, 900); $('.punkt5 p').hide(); }

                     if ($(this).css("width")== "80px"  )
                     {
                      $(this).animate({width:  "+=240"}, 1300);
                      $('.punkt1 p').show();
                     }
                   });
                   


                  $('.punkt2').click(function(){
                     if ($(".punkt1").css("width")== "320px"  )  { $(".punkt1").animate({width:  "-=240"}, 900); $('.punkt1 p').hide(); }
                     if ($(".punkt3").css("width")== "320px"  )  { $(".punkt3").animate({width:  "-=240"}, 900); $('.punkt3 p').hide(); }
                     if ($(".punkt4").css("width")== "320px"  )  { $(".punkt4").animate({width:  "-=240"}, 900); $('.punkt4 p').hide(); }
                     if ($(".punkt5").css("width")== "320px"  )  { $(".punkt5").animate({width:  "-=240"}, 900); $('.punkt5 p').hide(); }

                     if ($(this).css("width")== "80px"  )
                     {
                      $(this).animate({width:  "+=240"}, 1300);
                      $('.punkt2 p').show();
                     }
                   });

                  $('.punkt3').click(function(){
                     if ($(".punkt2").css("width")== "320px"  )  { $(".punkt2").animate({width:  "-=240"}, 900); $('.punkt2 p').hide(); }
                     if ($(".punkt1").css("width")== "320px"  )  { $(".punkt1").animate({width:  "-=240"}, 900); $('.punkt1 p').hide(); }
                     if ($(".punkt4").css("width")== "320px"  )  { $(".punkt4").animate({width:  "-=240"}, 900); $('.punkt4 p').hide(); }
                     if ($(".punkt5").css("width")== "320px"  )  { $(".punkt5").animate({width:  "-=240"}, 900); $('.punkt5 p').hide(); }

                     if ($(this).css("width")== "80px"  )
                     {
                      $(this).animate({width:  "+=240"}, 1300);
                      $('.punkt3 p').show();
                     }
                   });

                  $('.punkt4').click(function(){
                     if ($(".punkt2").css("width")== "320px"  )  { $(".punkt2").animate({width:  "-=240"}, 900); $('.punkt2 p').hide(); }
                     if ($(".punkt3").css("width")== "320px"  )  { $(".punkt3").animate({width:  "-=240"}, 900); $('.punkt3 p').hide(); }
                     if ($(".punkt1").css("width")== "320px"  )  { $(".punkt1").animate({width:  "-=240"}, 900); $('.punkt1 p').hide(); }
                     if ($(".punkt5").css("width")== "320px"  )  { $(".punkt5").animate({width:  "-=240"}, 900); $('.punkt5 p').hide(); }

                     if ($(this).css("width")== "80px"  )
                     {
                      $(this).animate({width:  "+=240"}, 1300);
                      $('.punkt4 p').show();
                     }
                   });

                  $('.punkt5').click(function(){
                     if ($(".punkt2").css("width")== "320px"  )  { $(".punkt2").animate({width:  "-=240"}, 900); $('.punkt2 p').hide(); }
                     if ($(".punkt3").css("width")== "320px"  )  { $(".punkt3").animate({width:  "-=240"}, 900); $('.punkt3 p').hide(); }
                     if ($(".punkt4").css("width")== "320px"  )  { $(".punkt4").animate({width:  "-=240"}, 900); $('.punkt4 p').hide(); }
                     if ($(".punkt1").css("width")== "320px"  )  { $(".punkt1").animate({width:  "-=240"}, 900); $('.punkt1 p').hide(); }

                     if ($(this).css("width")== "80px"  )
                     {
                      $(this).animate({width:  "+=240"}, 1300);
                      $('.punkt5 p').show();
                     }
                   });
                   
                    
        });