diff --git a/source/web/scripts/ajax/myforms.js b/source/web/scripts/ajax/myforms.js
index 0d31b308af..56ca72231c 100644
--- a/source/web/scripts/ajax/myforms.js
+++ b/source/web/scripts/ajax/myforms.js
@@ -13,7 +13,7 @@ var MyWebForms = {
    {
       var projects = $$('#formsPanel .webProjectRow');
       var frms = $$('#formsPanel .webProjectForms');
-      var fxForm = new Fx.Elements(frms, {wait: false, duration: 300, transition: Fx.Transitions.linear});
+      var fxForm = new Fx.Elements(frms, {wait: false, duration: 300, transition: Fx.Transitions.sineInOut});
 
       projects.each(function(project, i)
       {
@@ -22,7 +22,7 @@ var MyWebForms = {
          // animated elements defaults
          frm.maxHeight = frm.getStyle('height').toInt();
          frm.defHeight = 1;
-         frm.setStyle('height', 0);
+         frm.setStyle('height', frm.defHeight);
          frm.setStyle('opacity', 0);
 
          // register 'mouseenter' (subclassed mouseover) event for each project
diff --git a/source/web/scripts/ajax/mytasks.js b/source/web/scripts/ajax/mytasks.js
index 0db5fedce4..eaa4d9e026 100644
--- a/source/web/scripts/ajax/mytasks.js
+++ b/source/web/scripts/ajax/mytasks.js
@@ -15,8 +15,8 @@ var MyTasks = {
       var infos = $$('#taskPanel .taskInfo');
       var details = $$('#taskPanel .taskDetail');
       var resources = $$('#taskPanel .taskResources');
-      var fxInfo = new Fx.Elements(infos, {wait: false, duration: 300, transition: Fx.Transitions.linear});
-      var fxDetail = new Fx.Elements(details, {wait: false, duration: 300, transition: Fx.Transitions.linear,
+      var fxInfo = new Fx.Elements(infos, {wait: false, duration: 300, transition: Fx.Transitions.sineInOut});
+      var fxDetail = new Fx.Elements(details, {wait: false, duration: 300, transition: Fx.Transitions.sineInOut,
          onComplete: function()
          {
             // event handler to ensure