title: Division has to get hide for multiple
body: <p>When i click on view (id) that row has to get disappear and as usual that panel-body division has to show that is working fine because of accordion. I need to do this for on click of view (id) has to hide for multiple divisions can any one give me the suggestions how to do this</p>
  
  <p><strong>This is my html page</strong></p>
  
  <pre><code>  &lt;div id="accordion"&gt;    
          &lt;div class="row" id="view"&gt;
              &lt;span class="col-md-4"&gt;Mobile Number&lt;/span&gt;
              &lt;span class="col-md-4"&gt;7894561236&lt;/span&gt;
              &lt;span  class="col-md-4"&gt;Edit&lt;/span&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="panel-body "&gt;
              &lt;div class="row accordion-panel-bg"&gt;
                  &lt;div class="col-md-7 col-md-offset-2 text-center"&gt;
  
                      &lt;label  class="col-md-4"&gt;Mobile Number&lt;/label&gt;     
                      &lt;div class="col-md-8"&gt;
                          &lt;input type="hidden" name="mobile_no" id="mobile_no" value="&lt;?php echo $row-&gt;mobile_no; ?&gt;" /&gt;
                          &lt;input type ="text" class="form-control" name="mobile_no" id="mobile_no" value="&lt;?php echo $row-&gt;mobile_no; ?&gt;"/&gt;&lt;/br&gt;
                          &lt;input type="submit" value="Save" class="btn btn-success" style="width:70px;"&gt;
                          &lt;!--                                            &lt;button type="button" class="btn btn-success"&gt;Save&lt;/button&gt;--&gt;
                          &lt;button type="button" class="btn btn-warning cancel-name"&gt;Cancel&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="row"&gt;
              &lt;span class="col-md-4"&gt;Password&lt;/span&gt;
              &lt;span class="col-md-4"&gt;XXXXX&lt;/span&gt;
              &lt;span  class="col-md-4"&gt;Edit&lt;/span&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="panel-body "&gt;
              &lt;div class="row accordion-panel-bg"&gt;
                  &lt;div class="col-md-7 col-md-offset-2 text-center"&gt;
  
                      &lt;label  class="col-md-4"&gt;Password&lt;/label&gt;          
                      &lt;div class="col-md-8"&gt; 
                          &lt;input type="hidden" name="password" id="password" value="&lt;?php echo $row-&gt;password; ?&gt;" /&gt;
                          &lt;input type ="text" class="form-control" name="password" id="password"/&gt;&lt;/br&gt;
                          &lt;input type="submit" value="Save" class="btn btn-success" style="width:70px;"&gt;
                          &lt;!--                                            &lt;button type="button" class="btn btn-success"&gt;Save&lt;/button&gt;--&gt;
                          &lt;button type="button" class="btn btn-warning cancel-name"&gt;Cancel&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;    
  </code></pre>
  
  <p><strong>This is the script i have used</strong> </p>
  
  <pre><code>&lt;script&gt;
          $(function () {
              $("#accordion").accordion({collapsible: true, active: false});
          });
      $("doccument").ready(function(){
          $("#view").click(function(){
          $("#view").hide();
          });
      });
      &lt;/script&gt;
  </code></pre>