* finish task#1395.

module/bug/view/browse.html.php

@@ -72,7 +72,7 @@ js::set('customed', $customed);
     }
 ?>
 
-<div class='treeSlider'><span>&nbsp;</span></div>
+<div class='treeSlider' id='bugTree'><span>&nbsp;</span></div>
 <form method='post'>
   <table class='cont-lt1'>
     <tr valign='top'>

module/product/view/browse.html.php

@@ -52,7 +52,7 @@
 </div>
 
 <div id='querybox' class='<?php if($browseType !='bysearch') echo 'hidden';?>'></div>
-<div class='treeSlider'><span>&nbsp;</span></div>
+<div class='treeSlider' id='storyTree'><span>&nbsp;</span></div>
 <form method='post' id='productStoryForm'>
   <table class='cont-lt1'>
     <tr valign='top'>

module/project/view/task.html.php

@@ -21,7 +21,7 @@
 var browseType  = '<?php echo $browseType;?>';
 </script>
 <div id='querybox' class='<?php if($browseType != 'bysearch') echo 'hidden';?>'></div>
-<div class='treeSlider'><span>&nbsp;</span></div>
+<div class='treeSlider' id='taskTree'><span>&nbsp;</span></div>
 <form method='post' id='projectTaskForm'>
 <table class='cont-lt2'>
   <tr valign='top'>

module/testcase/view/browse.html.php

@@ -58,7 +58,7 @@ js::set('confirmDelete', $lang->testcase->confirmDelete);
 </div>
 
 <div id='querybox' class='<?php if($browseType != 'bysearch') echo 'hidden';?>'></div>
-<div class='treeSlider'><span>&nbsp;</span></div>
+<div class='treeSlider' id='testcaseTree'><span>&nbsp;</span></div>
 <form id='batchForm' method='post'>
 <table class='cont-lt1'>
   <tr valign='top'>

www/js/my.full.js

@@ -285,6 +285,39 @@ function toggleHelpLink()
     if($.cookie('help') == 'on')  return $.cookie('help', 'off', {expires:config.cookieLife, path:config.webRoot});
 }
 
+/**
+ * Hide tree box 
+ * 
+ * @param  string $treeType 
+ * @access public
+ * @return void
+ */
+function hideTreeBox(treeType)
+{
+    $.cookie(treeType, 'hide', {expires:config.cookieLife, path:config.webRoot});
+    $('.side').hide();
+    $('.divider').hide();
+    $('.treeSlider span').css("border-right", "0 none");
+    $('.treeSlider span').css("border-left", "4px solid #000000");
+
+}
+
+/**
+ * Show tree box 
+ * 
+ * @param  string $treeType 
+ * @access public
+ * @return void
+ */
+function showTreeBox(treeType)
+{
+    $.cookie(treeType, 'show', {expires:config.cookieLife, path:config.webRoot});
+    $('.side').show();
+    $('.divider').show();
+    $('.treeSlider span').css("border-right", "4px solid #000000");
+    $('.treeSlider span').css("border-left", "0 none");
+}
+
 /**
  * Toggle tree menu.
   
@@ -293,23 +326,20 @@ function toggleHelpLink()
  */
 function toggleTreeBox()
 {
-    var treeSliderH = 50;
-    $('.treeSlider').height(treeSliderH);
+    var treeType = $('.treeSlider').attr('id');
+    if($.cookie(treeType) == 'hide') hideTreeBox(treeType);
+
     $('.treeSlider').toggle
     (
         function()
         {
-            $('.side').hide()
-            $('.divider').hide()
-            $('.treeSlider span').css("border-right", "0 none");
-            $('.treeSlider span').css("border-left", "4px solid #000000");
+            if($.cookie(treeType) == 'hide') return showTreeBox(treeType);
+            hideTreeBox(treeType);
         }, 
         function()
         {
-            $('.side').show()
-            $('.divider').show()
-            $('.treeSlider span').css("border-right", "4px solid #000000");
-            $('.treeSlider span').css("border-left", "0 none");
+            if($.cookie(treeType) == 'show') return hideTreeBox(treeType);
+            showTreeBox(treeType);
         }
     );
 }

www/theme/default/style.css

@@ -358,6 +358,7 @@ table.tablesorter thead tr .headerSortDown {background-image: url(./images/table
   border-left:none;
   cursor: pointer; 
   width: 8px; 
+  height: 50px;
   left: 16px;
   border-radius:0px 10px 10px 0px
 }