diff --git a/module/execution/view/ajaxgetdropmenu.html.php b/module/execution/view/ajaxgetdropmenu.html.php
index d8f5c1957b..c9077726f2 100644
--- a/module/execution/view/ajaxgetdropmenu.html.php
+++ b/module/execution/view/ajaxgetdropmenu.html.php
@@ -11,17 +11,17 @@
 #navTabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: none;}
 
 #tabContent {margin-top: 10px; z-index: 900;}
-#tabContent ul {list-style: none; margin: 0}
-#tabContent .tab-pane>ul {padding-left: 7px;}
-#tabContent .tab-pane>ul>li>div {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
-#tabContent .tab-pane>ul>li label {background: rgba(255,255,255,0.5); line-height: unset; color: #838a9d; border: 1px solid #d8d8d8; border-radius: 2px; padding: 1px 4px;}
-#tabContent li a i.icon {font-size: 15px !important;}
-#tabContent li a i.icon:before {min-width: 16px !important;}
-#tabContent li .label {position: unset; margin-bottom: 0;}
-#tabContent li>a, #tabContent li>div>a {display: block; padding: 2px 10px 2px 5px; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px;}
-#tabContent li>a.selected {color: #e9f2fb; background-color: #0c64eb;}
-#tabContent .tree li>.list-toggle {line-height: 24px;}
-#tabContent .tree li.has-list.open:before {content: unset;}
+.executionTree ul {list-style: none; margin: 0}
+.executionTree .executions>ul {padding-left: 7px;}
+.executionTree .executions>ul>li>div {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
+.executionTree .executions>ul>li label {background: rgba(255,255,255,0.5); line-height: unset; color: #838a9d; border: 1px solid #d8d8d8; border-radius: 2px; padding: 1px 4px;}
+.executionTree li a i.icon {font-size: 15px !important;}
+.executionTree li a i.icon:before {min-width: 16px !important;}
+.executionTree li .label {position: unset; margin-bottom: 0;}
+.executionTree li>a, div.hide-in-search>a {display: block; padding: 2px 10px 2px 5px; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px;}
+.executionTree li>a.selected {color: #e9f2fb; background-color: #0c64eb;}
+.executionTree .tree li>.list-toggle {line-height: 24px;}
+.executionTree .tree li.has-list.open:before {content: unset;}
 
 #swapper li>div.hide-in-search>a:focus, #swapper li>div.hide-in-search>a:hover {color: #838a9d; cursor: default;}
 a.executionName:focus, a.executionName:hover {background: #0c64eb; color: #fff !important;}
@@ -29,12 +29,12 @@ a.executionName:focus, a.executionName:hover {background: #0c64eb; color: #fff !
 #swapper li > a {padding-top: 4px; padding-bottom: 4px;}
 #swapper li {padding-top: 0; padding-bottom: 0;}
 #swapper .tree li>.list-toggle {top: -1px;}
+
+.col-right {padding-top: 30px;}
 </style>
 <?php
 $executionCounts      = array();
 $executionNames       = array();
-$preFix               = '';
-$closedExecutionsHtml = '';
 $tabActive            = '';
 $myExecutions         = 0;
 $others               = 0;
@@ -44,19 +44,21 @@ foreach($executions as $projectID => $projectExecutions)
 {
     $executionCounts[$projectID]['myExecution'] = 0;
     $executionCounts[$projectID]['others']      = 0;
+    $executionCounts[$projectID]['closed']      = 0;
 
     foreach($projectExecutions as $execution)
     {
         if($execution->status != 'done' and $execution->status != 'closed' and ($execution->PM == $this->app->user->account or isset($execution->teams[$this->app->user->account]))) $executionCounts[$projectID]['myExecution'] ++;
         if($execution->status != 'done' and $execution->status != 'closed' and $execution->PM != $this->app->user->account and !isset($execution->teams[$this->app->user->account])) $executionCounts[$projectID]['others'] ++;
-        if($execution->status == 'done' or $execution->status == 'closed') $dones ++;
+        if($execution->status == 'done' or $execution->status == 'closed') $executionCounts[$projectID]['closed'] ++;
         $executionNames[] = $execution->name;
     }
 }
 $executionsPinYin = common::convert2Pinyin($executionNames);
 
-$myExecutionsHtml     = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProgram">';
-$normalExecutionsHtml = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProgram">';
+$myExecutionsHtml     = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProject">';
+$normalExecutionsHtml = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProject">';
+$closedExecutionsHtml = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProject">';
 
 foreach($executions as $projectID => $projectExecutions)
 {
@@ -64,10 +66,10 @@ foreach($executions as $projectID => $projectExecutions)
     if($projectID and $config->systemMode == 'new')
     {
         $projectName = zget($projects, $projectID);
-        $preFix      = $projectName . ' / ';
 
         if($executionCounts[$projectID]['myExecution']) $myExecutionsHtml .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $projectName . '">' . $projectName . '</a> <label class="label">' . $lang->project->common . '</label></div><ul>';
         if($executionCounts[$projectID]['others']) $normalExecutionsHtml  .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $projectName . '">' . $projectName . '</a> <label class="label">' . $lang->project->common . '</label></div><ul>';
+        if($executionCounts[$projectID]['closed']) $closedExecutionsHtml  .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $projectName . '">' . $projectName . '</a> <label class="label">' . $lang->project->common . '</label></div><ul>';
     }
 
     foreach($projectExecutions as $index => $execution)
@@ -91,7 +93,7 @@ foreach($executions as $projectID => $projectExecutions)
         }
         else if($execution->status == 'done' or $execution->status == 'closed')
         {
-            $closedExecutionsHtml .= html::a(sprintf($link, $execution->id), $preFix . $execution->name, '', "class='$selected' title='" . $preFix . $execution->name . "' data-key='" . zget($executionsPinYin, $execution->name, '') . "' data-app='{$this->app->tab}'");
+            $closedExecutionsHtml .= '<li>' . html::a(sprintf($link, $execution->id), $execution->name, '', "class='$selected' title='$execution->name' data-key='" . zget($executionsPinYin, $execution->name, '') . "' data-app='{$this->app->tab}'") . '</li>';
 
             if($selected == 'selected') $tabActive = 'closed';
         }
@@ -101,11 +103,13 @@ foreach($executions as $projectID => $projectExecutions)
         {
             if($executionCounts[$projectID]['myExecution']) $myExecutionsHtml     .= '</ul></li>';
             if($executionCounts[$projectID]['others'])      $normalExecutionsHtml .= '</ul></li>';
+            if($executionCounts[$projectID]['closed'])      $closedExecutionsHtml .= '</ul></li>';
         }
     }
 }
 $myExecutionsHtml     .= '</ul>';
 $normalExecutionsHtml .= '</ul>';
+$closedExecutionsHtml .= '</ul>';
 ?>
 <div class="table-row">
   <div class="table-col col-left">
@@ -117,11 +121,11 @@ $normalExecutionsHtml .= '</ul>';
         <li class="<?php if($tabActive == 'other') echo 'active';?>"><?php echo html::a('#other', $lang->project->other, '', "data-toggle='tab' class='not-list-item not-clear-menu'")?><span class="label label-light label-badge"><?php echo $others;?></span><li>
       </ul>
       <?php endif;?>
-      <div class="tab-content" id="tabContent">
-        <div class="tab-pane <?php if($tabActive == 'myExecution') echo 'active';?>" id="myExecution">
+      <div class="tab-content executionTree" id="tabContent">
+        <div class="tab-pane executions <?php if($tabActive == 'myExecution') echo 'active';?>" id="myExecution">
           <?php echo $myExecutionsHtml;?>
         </div>
-        <div class="tab-pane <?php if($tabActive == 'other') echo 'active';?>" id="other">
+        <div class="tab-pane executions <?php if($tabActive == 'other') echo 'active';?>" id="other">
           <?php echo $normalExecutionsHtml;?>
         </div>
       </div>
@@ -130,8 +134,8 @@ $normalExecutionsHtml .= '</ul>';
       <a class='pull-right toggle-right-col not-list-item'><?php echo $lang->execution->doneExecutions;?><i class='icon icon-angle-right'></i></a>
     </div>
   </div>
-  <div class="table-col col-right">
-   <div class='list-group'><?php echo $closedExecutionsHtml;?></div>
+  <div class="table-col col-right executionTree">
+   <div class='list-group executions'><?php echo $closedExecutionsHtml;?></div>
   </div>
 </div>
 <script>scrollToSelected();</script>
@@ -147,7 +151,7 @@ $(function()
         $(this).parent().siblings('li').find('span').hide();
     })
 
-    $('#tabContent [data-ride="tree"]').tree('expand');
+    $('#swapper [data-ride="tree"]').tree('expand');
 
     $('#swapper #dropMenu .search-box').on('onSearchChange', function(event, value)
     {
diff --git a/module/product/view/ajaxgetdropmenu.html.php b/module/product/view/ajaxgetdropmenu.html.php
index 73e0f99c97..14ee1190b5 100644
--- a/module/product/view/ajaxgetdropmenu.html.php
+++ b/module/product/view/ajaxgetdropmenu.html.php
@@ -12,17 +12,17 @@
 #navTabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: none;}
 
 #tabContent {margin-top: 10px; z-index: 900;}
-#tabContent ul {list-style: none; margin: 0}
-#tabContent .tab-pane>ul {padding-left: 7px;}
-#tabContent .tab-pane>ul>li>div {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
-#tabContent .tab-pane>ul>li label {background: rgba(255,255,255,0.5); line-height: unset; color: #838a9d; border: 1px solid #d8d8d8; border-radius: 2px; padding: 1px 4px;}
-#tabContent li a i.icon {font-size: 15px !important;}
-#tabContent li a i.icon:before {min-width: 16px !important;}
-#tabContent li .label {position: unset; margin-bottom: 0;}
-#tabContent li>a, #tabContent li>div>a {display: block; padding: 2px 10px 2px 5px; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px;}
-#tabContent li>a.selected {color: #e9f2fb; background-color: #0c64eb;}
-#tabContent .tree li>.list-toggle {line-height: 24px;}
-#tabContent .tree li.has-list.open:before {content: unset;}
+.productTree ul {list-style: none; margin: 0}
+.productTree .products>ul {padding-left: 7px;}
+.productTree .products>ul>li>div {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
+.productTree .products>ul>li label {background: rgba(255,255,255,0.5); line-height: unset; color: #838a9d; border: 1px solid #d8d8d8; border-radius: 2px; padding: 1px 4px;}
+.productTree li a i.icon {font-size: 15px !important;}
+.productTree li a i.icon:before {min-width: 16px !important;}
+.productTree li .label {position: unset; margin-bottom: 0;}
+.productTree li>a, div.hide-in-search>a {display: block; padding: 2px 10px 2px 5px; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px;}
+.productTree li>a.selected {color: #e9f2fb; background-color: #0c64eb;}
+.productTree .tree li>.list-toggle {line-height: 24px;}
+.productTree .tree li.has-list.open:before {content: unset;}
 
 #swapper li>div.hide-in-search>a:focus, #swapper li>div.hide-in-search>a:hover {color: #838a9d; cursor: default;}
 a.productName:focus, a.productName:hover {background: #0c64eb; color: #fff !important;}
@@ -30,12 +30,12 @@ a.productName:focus, a.productName:hover {background: #0c64eb; color: #fff !impo
 #swapper li > a {padding-top: 4px; padding-bottom: 4px;}
 #swapper li {padding-top: 0; padding-bottom: 0;}
 #swapper .tree li>.list-toggle {top: -1px;}
+
+.col-right {padding-top: 30px;}
 </style>
 <?php
 $productCounts      = array();
 $productNames       = array();
-$preFix             = '';
-$closedProductsHtml = '';
 $tabActive          = '';
 $myProducts         = 0;
 $others             = 0;
@@ -43,15 +43,15 @@ $closeds            = 0;
 
 foreach($products as $programID => $programProducts)
 {
-
     $productCounts[$programID]['myProduct'] = 0;
     $productCounts[$programID]['others']    = 0;
+    $productCounts[$programID]['closed']    = 0;
 
     foreach($programProducts as $product)
     {
         if($product->status == 'normal' and $product->PO == $this->app->user->account) $productCounts[$programID]['myProduct'] ++;
         if($product->status == 'normal' and !($product->PO == $this->app->user->account)) $productCounts[$programID]['others'] ++;
-        if($product->status == 'closed') $closeds ++;
+        if($product->status == 'closed') $productCounts[$programID]['closed'] ++;
         $productNames[] = $product->name;
     }
 }
@@ -59,6 +59,7 @@ $productsPinYin = common::convert2Pinyin($productNames);
 
 $myProductsHtml     = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProgram">';
 $normalProductsHtml = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProgram">';
+$closedProductsHtml = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProgram">';
 
 foreach($products as $programID => $programProducts)
 {
@@ -66,10 +67,10 @@ foreach($products as $programID => $programProducts)
     if($programID and $config->systemMode == 'new')
     {
         $programName = zget($programs, $programID);
-        $preFix      = $programName . ' / ';
 
         if($productCounts[$programID]['myProduct']) $myProductsHtml  .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $programName . '">' . $programName . '</a> <label class="label">' . $lang->program->common . '</label></div><ul>';
         if($productCounts[$programID]['others']) $normalProductsHtml .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $programName . '">' . $programName . '</a> <label class="label">' . $lang->program->common . '</label></div><ul>';
+        if($productCounts[$programID]['closed']) $closedProductsHtml .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $programName . '">' . $programName . '</a> <label class="label">' . $lang->program->common . '</label></div><ul>';
     }
 
     foreach($programProducts as $index => $product)
@@ -96,7 +97,7 @@ foreach($products as $programID => $programProducts)
         }
         else if($product->status == 'closed')
         {
-            $closedProductsHtml .= html::a($linkHtml, $preFix . $productName, '', "class='$selected' title='" . $preFix . $productName . "' class='closed' data-key='" . zget($productsPinYin, $product->name, '') . "' data-app='$app->tab'");
+            $closedProductsHtml .= '<li>' . html::a($linkHtml, $productName, '', "class='$selected' title='$productName' class='closed' data-key='" . zget($productsPinYin, $product->name, '') . "' data-app='$app->tab'") . '</li>';
 
             if($selected == 'selected') $tabActive = 'closed';
         }
@@ -106,11 +107,13 @@ foreach($products as $programID => $programProducts)
         {
             if($productCounts[$programID]['myProduct']) $myProductsHtml     .= '</ul></li>';
             if($productCounts[$programID]['others'])    $normalProductsHtml .= '</ul></li>';
+            if($productCounts[$programID]['closed'])    $closedProductsHtml .= '</ul></li>';
         }
     }
 }
 $myProductsHtml     .= '</ul>';
 $normalProductsHtml .= '</ul>';
+$closedProductsHtml .= '</ul>';
 ?>
 <div class="table-row">
   <div class="table-col col-left">
@@ -122,11 +125,11 @@ $normalProductsHtml .= '</ul>';
         <li class="<?php if($tabActive == 'other') echo 'active';?>"><?php echo html::a('#other', $lang->product->other, '', "data-toggle='tab' class='not-list-item not-clear-menu'")?><span class="label label-light label-badge"><?php echo $others;?></span><li>
       </ul>
       <?php endif;?>
-      <div class="tab-content" id="tabContent">
-        <div class="tab-pane <?php if($tabActive == 'myProduct') echo 'active';?>" id="myProduct">
+      <div class="tab-content productTree" id="tabContent">
+        <div class="tab-pane products <?php if($tabActive == 'myProduct') echo 'active';?>" id="myProduct">
           <?php echo $myProductsHtml;?>
         </div>
-        <div class="tab-pane <?php if($tabActive == 'other') echo 'active';?>" id="other">
+        <div class="tab-pane products <?php if($tabActive == 'other') echo 'active';?>" id="other">
           <?php echo $normalProductsHtml;?>
         </div>
       </div>
@@ -137,8 +140,8 @@ $normalProductsHtml .= '</ul>';
       <a class='pull-right toggle-right-col not-list-item'><?php echo $lang->product->closed?><i class='icon icon-angle-right'></i></a>
     </div>
   </div>
-  <div class="table-col col-right">
-   <div class='list-group'><?php echo $closedProductsHtml;?></div>
+  <div class="table-col col-right productTree">
+   <div class='list-group products'><?php echo $closedProductsHtml;?></div>
   </div>
 </div>
 <script>scrollToSelected();</script>
@@ -154,7 +157,7 @@ $(function()
         $(this).parent().siblings('li').find('span').hide();
     })
 
-    $('#tabContent [data-ride="tree"]').tree('expand');
+    $('#swapper [data-ride="tree"]').tree('expand');
 
     $('#swapper #dropMenu .search-box').on('onSearchChange', function(event, value)
     {
diff --git a/module/project/view/ajaxgetdropmenu.html.php b/module/project/view/ajaxgetdropmenu.html.php
index c2272d0d37..62b26e9abd 100644
--- a/module/project/view/ajaxgetdropmenu.html.php
+++ b/module/project/view/ajaxgetdropmenu.html.php
@@ -11,17 +11,17 @@
 #navTabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: none;}
 
 #tabContent {margin-top: 10px; z-index: 900;}
-#tabContent ul {list-style: none; margin: 0}
-#tabContent .tab-pane>ul {padding-left: 7px;}
-#tabContent .tab-pane>ul>li>div {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
-#tabContent .tab-pane>ul>li label {background: rgba(255,255,255,0.5); line-height: unset; color: #838a9d; border: 1px solid #d8d8d8; border-radius: 2px; padding: 1px 4px;}
-#tabContent li a i.icon {font-size: 15px !important;}
-#tabContent li a i.icon:before {min-width: 16px !important;}
-#tabContent li .label {position: unset; margin-bottom: 0;}
-#tabContent li>a, #tabContent li>div>a {display: block; padding: 2px 10px 2px 5px; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px;}
-#tabContent li>a.selected {color: #e9f2fb; background-color: #0c64eb;}
-#tabContent .tree li>.list-toggle {line-height: 24px;}
-#tabContent .tree li.has-list.open:before {content: unset;}
+.projectTree ul {list-style: none; margin: 0}
+.projectTree .projects>ul {padding-left: 7px;}
+.projectTree .projects>ul>li>div {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
+.projectTree .projects>ul>li label {background: rgba(255,255,255,0.5); line-height: unset; color: #838a9d; border: 1px solid #d8d8d8; border-radius: 2px; padding: 1px 4px;}
+.projectTree li a i.icon {font-size: 15px !important;}
+.projectTree li a i.icon:before {min-width: 16px !important;}
+.projectTree li .label {position: unset; margin-bottom: 0;}
+.projectTree li>a, div.hide-in-search>a {display: block; padding: 2px 10px 2px 5px; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px;}
+.projectTree li>a.selected {color: #e9f2fb; background-color: #0c64eb;}
+.projectTree .tree li>.list-toggle {line-height: 24px;}
+.projectTree .tree li.has-list.open:before {content: unset;}
 
 #swapper li>div.hide-in-search>a:focus, #swapper li>div.hide-in-search>a:hover {color: #838a9d; cursor: default;}
 a.projectName:focus, a.projectName:hover {background: #0c64eb; color: #fff !important;}
@@ -29,12 +29,12 @@ a.projectName:focus, a.projectName:hover {background: #0c64eb; color: #fff !impo
 #swapper li > a {padding-top: 4px; padding-bottom: 4px;}
 #swapper li {padding-top: 0; padding-bottom: 0;}
 #swapper .tree li>.list-toggle {top: -1px;}
+
+.col-right {padding-top: 30px;}
 </style>
 <?php
 $projectCounts      = array();
 $projectNames       = array();
-$preFix             = '';
-$closedProjectsHtml = '';
 $tabActive          = '';
 $myProjects         = 0;
 $others             = 0;
@@ -44,12 +44,13 @@ foreach($projects as $programID => $programProjects)
 {
     $projectCounts[$programID]['myProject'] = 0;
     $projectCounts[$programID]['others']    = 0;
+    $projectCounts[$programID]['closed']    = 0;
 
     foreach($programProjects as $project)
     {
         if($project->status != 'done' and $project->status != 'closed' and $project->PM == $this->app->user->account) $projectCounts[$programID]['myProject'] ++;
         if($project->status != 'done' and $project->status != 'closed' and !($project->PM == $this->app->user->account)) $projectCounts[$programID]['others'] ++;
-        if($project->status == 'done' or $project->status == 'closed') $dones ++;
+        if($project->status == 'done' or $project->status == 'closed') $projectCounts[$programID]['closed'] ++;
         $projectNames[] = $project->name;
     }
 }
@@ -57,6 +58,7 @@ $projectsPinYin = common::convert2Pinyin($projectNames);
 
 $myProjectsHtml     = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProgram">';
 $normalProjectsHtml = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProgram">';
+$closedProjectsHtml = $config->systemMode == 'new' ? '<ul class="tree tree-angles" data-ride="tree">' : '<ul class="noProgram">';
 
 foreach($projects as $programID => $programProjects)
 {
@@ -64,10 +66,10 @@ foreach($projects as $programID => $programProjects)
     if(isset($programs[$programID]) and $config->systemMode == 'new')
     {
         $programName = zget($programs, $programID);
-        $preFix      = $programName . ' / ';
 
         if($projectCounts[$programID]['myProject']) $myProjectsHtml  .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $programName . '">' . $programName . '</a> <label class="label">' . $lang->program->common . '</label></div><ul>';
         if($projectCounts[$programID]['others']) $normalProjectsHtml .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $programName . '">' . $programName . '</a> <label class="label">' . $lang->program->common . '</label></div><ul>';
+        if($projectCounts[$programID]['closed']) $closedProjectsHtml .= '<li><div class="hide-in-search"><a class="text-muted" title="' . $programName . '">' . $programName . '</a> <label class="label">' . $lang->program->common . '</label></div><ul>';
     }
 
     foreach($programProjects as $index => $project)
@@ -97,7 +99,7 @@ foreach($projects as $programID => $programProjects)
         }
         else if($project->status == 'done' or $project->status == 'closed')
         {
-            $closedProjectsHtml .= html::a(sprintf($link, $project->id), $preFix . $project->name, '', "class='$selected' title='" . $preFix . $project->name . "' data-key='" . zget($projectsPinYin, $project->name, '') . "'");
+            $closedProjectsHtml .= '<li>' . html::a(sprintf($link, $project->id), $projectName, '', "class='$selected' title='$projectName' data-key='" . zget($projectsPinYin, $project->name, '') . "'") . '</li>';
 
             if($selected == 'selected') $tabActive = 'closed';
         }
@@ -107,11 +109,13 @@ foreach($projects as $programID => $programProjects)
         {
             if($projectCounts[$programID]['myProject']) $myProjectsHtml     .= '</ul></li>';
             if($projectCounts[$programID]['others'])    $normalProjectsHtml .= '</ul></li>';
+            if($projectCounts[$programID]['closed'])    $closedProjectsHtml .= '</ul></li>';
         }
     }
 }
 $myProjectsHtml     .= '</ul>';
 $normalProjectsHtml .= '</ul>';
+$closedProjectsHtml .= '</ul>';
 ?>
 
 <div class="table-row">
@@ -124,11 +128,11 @@ $normalProjectsHtml .= '</ul>';
         <li class="<?php if($tabActive == 'other') echo 'active';?>"><?php echo html::a('#other', $lang->project->other, '', "data-toggle='tab' class='not-list-item not-clear-menu'")?><span class="label label-light label-badge"><?php echo $others;?></span><li>
       </ul>
       <?php endif;?>
-      <div class="tab-content" id="tabContent">
-        <div class="tab-pane <?php if($tabActive == 'myProject') echo 'active';?>" id="myProject">
+      <div class="tab-content projectTree" id="tabContent">
+        <div class="tab-pane projects <?php if($tabActive == 'myProject') echo 'active';?>" id="myProject">
           <?php echo $myProjectsHtml;?>
         </div>
-        <div class="tab-pane <?php if($tabActive == 'other') echo 'active';?>" id="other">
+        <div class="tab-pane projects <?php if($tabActive == 'other') echo 'active';?>" id="other">
           <?php echo $normalProjectsHtml;?>
         </div>
       </div>
@@ -138,8 +142,8 @@ $normalProjectsHtml .= '</ul>';
       <a class='pull-right toggle-right-col not-list-item'><?php echo $lang->project->doneProjects?><i class='icon icon-angle-right'></i></a>
     </div>
   </div>
-  <div class="table-col col-right">
-   <div class='list-group'><?php echo $closedProjectsHtml;?></div>
+  <div class="table-col col-right projectTree">
+   <div class='list-group projects'><?php echo $closedProjectsHtml;?></div>
   </div>
 </div>
 <script>scrollToSelected();</script>
@@ -155,7 +159,7 @@ $(function()
         $(this).parent().siblings('li').find('span').hide();
     })
 
-    $('#tabContent [data-ride="tree"]').tree('expand');
+    $('#swapper [data-ride="tree"]').tree('expand');
 
     $('#swapper #dropMenu .search-box').on('onSearchChange', function(event, value)
     {