Wie Panel-Position, wenn tafelKörper geöffnet

Question

Bei dem Klicken von bearbeiten, Panel-Körper offensichtlich wird erhalten in der gleichen Zeit will ich geöffnet verstecken Panel-Position

<div class="panel panel-default"> 
      <div class="panel-heading row" id="first"> 
       <div class="col-md-4">First Name</div> 
       <div class="col-md-4"><?php echo $row->first_name; ?></div> 
       <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
        <div class="col-md-4 profile-edit"> <i class="fa fa-pencil"></i> Edit</div> 
       </a> 
      </div> 
      <div id="collapseOne" class="panel-collapse collapse"> 
       <div class="panel-body"> 
        <div class="row"> 
         <div class="col-md-7 col-md-offset-2 text-center"> 
          <label class="col-md-4">First Name</label>    
          <div class="col-md-8"> 
           <input type="hidden" name="id" value="<?php echo $row->id; ?>" /> 
           <input type ="text" name="first_name" id="first_name" class="form-control" value="<?php echo $row->first_name; ?>"/></br> 
           <input type="submit" value="Save" class="btn btn-success" style="width:70px;"> 
           <button type="button" data-target="#collapseOne" data-toggle="collapse" class="btn btn-warning cancel-name">Cancel</button> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

Answer 1

verstecken

Die einfachste Methode wäre, jquery zu verwenden!

$(document).ready(function(){ 
    $(".profile-edit").on("click", function(){ 
     $(".panel-heading").hide(); 
    }); 
}); 

Dies ist nur von der Spitze des Kopfes obwohl, so kann einige Finesse nehmen.