$(document).ready(function()
  {
      $(".block_info").hide();
      $(".block_title").click(function()
      {
        if ($(this).is('.active') )
      {
            $(this).next().animate({"opacity": "toggle"}, 20, "linear");

            $(this).prevUntil('.block_list').each(function()
            {
                if ($(this).is('div'))
                {
                    $(this).delay(100).animate({"width": "toggle"}, 100);
                };
            });

            $(this).nextUntil('.block_list').each(function()
            {
                if ($(this).is('div'))
                {
                    $(this).delay(100).animate({"width": "toggle"}, 100);
                };
            });

            $(this).removeClass('active');

      }
      else
      {
            $('.active').next().animate({"opacity": "toggle"}, 20, "linear");

            $('.active').prevUntil('.block_list').each(function()
            {
                if ($(this).is('div'))
                {
                    $(this).delay(100).animate({"width": "toggle"}, 100);
                };
            });

            $('.active').nextUntil('.block_list').each(function()
            {
                if ($(this).is('div'))
                {
                    $(this).delay(100).animate({"width": "toggle"}, 100);
                };
            });

            $('.active').removeClass('active');


            $(this).prevUntil('.block_list').each(function()
            {
                if ($(this).is('div'))
                {
                    $(this).animate({"width": "toggle"}, 200);
                };
            });
            $(this).nextUntil('.block_list').each(function()
            {
                if ($(this).is('div'))
                {
                    $(this).animate({"width": "toggle"}, 200);
                };
            });

            $(this).next().delay(200).animate({"opacity": "toggle"}, 200, "linear");

            $(this).addClass('active');
      };
      });
  });