Collapse if panel is not first one

app/views/partials/_sidenav.html.erb

@@ -5,30 +5,13 @@
     <div class="left_col scroll-view">
 
       <div class="navbar nav_title" style="border: 0;">
-        <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
+        <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Side Menu</span></a>
       </div>
       <div class="clearfix"></div>
 
-
-      <!-- menu profile quick info -->
-      <div class="profile">
-        <div class="profile_pic">
-          <%= image_tag "img.jpg", :class => "img-circle profile_img"  %>
-        </div>
-        <div class="profile_info">
-          <span>Welcome,</span>
-          <h2>John Doe</h2>
-        </div>
-      </div>
-      <!-- /menu profile quick info -->
-
-      <br />
-
       <!-- sidebar menu -->
       <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
-
         <div class="menu_section">
-          <h3>General</h3>
           <ul class="nav side-menu">
             <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
               <ul class="nav child_menu" style="display: none">
@@ -37,25 +20,11 @@
               </ul>
             </li>
             <li><a><i class="fa fa-edit"></i> Volume <span class="fa fa-chevron-down"></span></a>
-
               <ul class="nav child_menu" style="display: none">
-                <li><a href="/volume/info">Info</a>
+                <li><a href="/volume/info">Control</a>
-                </li>
-                <li><a href="#">Create</a>
-                </li>
-                <li><a href="#">Delete</a>
-                </li>
-                <li><a href="#">Start</a>
-                </li>
-                <li><a href="#">Stop</a>
-                </li>
-                <li><a href="#">Set</a>
-                </li>
-                <li><a href="#">Get</a>
                 </li>
               </ul>
             </li>
-
             <li><a><i class="fa fa-desktop"></i> Brick <span class="fa fa-chevron-down"></span></a>
               <ul class="nav child_menu" style="display: none">
                 <li><a href="#">Add-brick</a>
@@ -198,11 +167,9 @@
                 </li>
               </ul>
             </li>
-            <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
             </li>
           </ul>
         </div>
-
       </div>
       <!-- /sidebar menu -->
 

app/views/volume/info.html.erb

@@ -1,10 +1,9 @@
   <!-- page content -->
-
   <div class="right_col" role="main">
-  <div class="">
+  
     <div class="page-title">
       <div class="title_left">
-        <h3>Volume Info </h3> 
+        <h3>Volume</h3> 
       </div>
       <div class="title_right">
         <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
@@ -21,15 +20,13 @@
     <div class="clearfix"></div>
 
     <div class="row">
-    
       <%@volumes.each do |t|%>
-      
         <div class="col-md-12 col-sm-12 col-xs-12">
           <div class="x_panel">
             <div class="x_title">
               <h2>Infomation <small><%=t["Volume Name"]%></small></h2>
               <ul class="nav navbar-right panel_toolbox">
-                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                <li><a class="collapse-link"><i <%if t!=@volumes[0]%> class="fa fa-chevron-down" <%else%> class="fa fa-chevron-up" <%end%> ></i></a>
                 </li>
                 <li class="dropdown">
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
@@ -46,9 +43,10 @@
               <div class="clearfix"></div>
             </div>
             
-            <div class="x_content">
+            <div class="x_content" <%if t!=@volumes[0]%> style="display: none;" <%end%> >
               
               <div class="col-md-4 col-sm-4 col-xs-4">
+                <p class="text-muted font-13 m-b-30"><code>Volume Info</code></p>
                 Type : <%=t["Type"]%> <br>
                 Volume ID : <%=t["Volume ID"]%> <br>
                 Status : <%=t["Status"]%> <br>
@@ -114,7 +112,6 @@
       <%end%>
     </div>
   </div>
-</div>
   <!-- /page content -->
 
   <script>
@@ -150,6 +147,7 @@
           }
         }();
   </script>
+  
   <script type="text/javascript">
     $(document).ready(function() {
       $('#datatable').dataTable();
@@ -157,8 +155,6 @@
     TableManageButtons.init();
   </script>
   
-  
-  
   <script>
     function change_upper(directory){
       if(directory != "/"){