diff --git a/module/testcase/css/view.css b/module/testcase/css/view.css
index 45e75cea5a..2a83b279d3 100644
--- a/module/testcase/css/view.css
+++ b/module/testcase/css/view.css
@@ -1 +1,5 @@
 #steps {margin-bottom: 15px}
+.outer .col-side{transition: all 0.1s;position: relative;}
+.outer.hide-side .col-side{width:0px;}
+.outer .col-side .side-handle{left:8px;top:2px;}
+.outer.hide-side .main-side{display:none;}
diff --git a/module/testcase/view/view.html.php b/module/testcase/view/view.html.php
index 5ef1a1ff58..8845b1b570 100644
--- a/module/testcase/view/view.html.php
+++ b/module/testcase/view/view.html.php
@@ -127,6 +127,7 @@
     </div>
   </div>
   <div class='col-side'>
+    <a class='side-handle' data-id='caseSide'><i class='icon-caret-left'></i></a>
     <div class='main main-side'>
       <fieldset>
         <legend><?php echo $lang->testcase->legendBasicInfo;?></legend>