分割は複数のために非表示にする必要があります

Question

私はview（id）をクリックすると、その行が消えてしまい、通常のようにpanel bodyディビジョンがアコーディオンのためうまく動作していることを示す必要があります。私は複数の部門のために非表示にすることがあるいずれかが私にこの

を行う方法の提案を与えることができます。これは、

<div id="accordion">  
     <div class="row" id="view"> 
      <span class="col-md-4">Mobile Number</span> 
      <span class="col-md-4">7894561236</span> 
      <span class="col-md-4">Edit</span></span> 
     </div> 
     <div class="panel-body "> 
      <div class="row accordion-panel-bg"> 
       <div class="col-md-7 col-md-offset-2 text-center"> 

        <label class="col-md-4">Mobile Number</label>  
        <div class="col-md-8"> 
         <input type="hidden" name="mobile_no" id="mobile_no" value="<?php echo $row->mobile_no; ?>" /> 
         <input type ="text" class="form-control" name="mobile_no" id="mobile_no" value="<?php echo $row->mobile_no; ?>"/></br> 
         <input type="submit" value="Save" class="btn btn-success" style="width:70px;"> 
         <!--           <button type="button" class="btn btn-success">Save</button>--> 
         <button type="button" class="btn btn-warning cancel-name">Cancel</button> 
        </div> 
       </div> 
      </div> 
     </div> 

     <div class="row"> 
      <span class="col-md-4">Password</span> 
      <span class="col-md-4">XXXXX</span> 
      <span class="col-md-4">Edit</span></span> 
     </div> 
     <div class="panel-body "> 
      <div class="row accordion-panel-bg"> 
       <div class="col-md-7 col-md-offset-2 text-center"> 

        <label class="col-md-4">Password</label>   
        <div class="col-md-8"> 
         <input type="hidden" name="password" id="password" value="<?php echo $row->password; ?>" /> 
         <input type ="text" class="form-control" name="password" id="password"/></br> 
         <input type="submit" value="Save" class="btn btn-success" style="width:70px;"> 
         <!--           <button type="button" class="btn btn-success">Save</button>--> 
         <button type="button" class="btn btn-warning cancel-name">Cancel</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div>  

この私のhtmlページであるビュー（ID）のクリックのためにこれを行う必要があります私は

<script> 
     $(function() { 
      $("#accordion").accordion({collapsible: true, active: false}); 
     }); 
    $("doccument").ready(function(){ 
     $("#view").click(function(){ 
     $("#view").hide(); 
     }); 
    }); 
    </script> 

Answer 1

を使用しているスクリプトは次のことを示唆している：

JavaScriptが

$(function() { 
    $("#accordion").accordion({ 
    collapsible: true, 
    active: false 
    }); 
    $("#view").click(function(){ 
    $(this).hide(); 
    }); 
}); 

これは#view要素を非表示になります。再表示する方法はありません。ユーザーが別のパネルに移動すると、戻ることはできません。実例：https://jsfiddle.net/Twisty/przndthk/

これは私の心の中でちょっと変わっているようです。次のようなものを考えてみてください。https://jsfiddle.net/Twisty/przndthk/3/