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

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

            $(this).nextUntil('.country_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('.country_list').each(function()
            {
                if ($(this).is('div'))
                {
                    $(this).delay(100).animate({"width": "toggle"}, 100);
                };
            });

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

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


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

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

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